CSSStyleDeclaration: cssFloat-Eigenschaft

Die cssFloat-Eigenschaft der CSSStyleDeclaration-Schnittstelle gibt das Ergebnis des Aufrufs von CSSStyleDeclaration.getPropertyValue() mit dem Argument float zurück.

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

Wert

Ein String.

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

Beispiel

Im folgenden Beispiel enthält das Stylesheet eine einzige Regel für .box, die die float-Eigenschaft mit einem Wert von left hat. Dieser Wert wird von cssFloat zurückgegeben. Anschließend setzen wir 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

BCD tables only load in the browser