Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSSStyleProperties: cssFloat-Eigenschaft

Die cssFloat-Eigenschaft des CSSStyleProperties-Interfaces gibt die CSS-float-Eigenschaft zurück.

Dies ist das Ergebnis des Aufrufs von getPropertyValue() am Objekt mit float als Argument.

Beim Setzen wird setProperty() aufgerufen, mit float als erstem Argument und dem gegebenen Wert als zweitem Argument. Der gegebene Wert muss ein gültiger Wert für die float-Eigenschaft sein.

Wert

Ein String.

Wenn auf den Wert null gesetzt wird, wird dieser null-Wert in den leeren String ("") umgewandelt, sodass csd.cssFloat = null gleichbedeutend mit csd.cssFloat = "" ist.

Beispiel

Im untenstehenden Beispiel enthält das Stylesheet eine einzige Regel für .box, welche die float-Eigenschaft mit dem Wert left hat. Dieser Wert wird von cssFloat zurückgegeben. Wir setzen dann den Wert auf "right" mit cssFloat und geben den neuen Wert zurück.

css
.box {
  float: left;
  inline-size: 300px;
}
js
let myRules = document.styleSheets[0].cssRules;
let rule = myRules[0];
console.log(rule.style.cssFloat); // "left"
rule.style.cssFloat = "right";
console.log(rule.style.cssFloat); // "right"

Spezifikationen

Specification
CSS Object Model (CSSOM)
# dom-cssstyleproperties-cssfloat

Browser-Kompatibilität