CSSStyleDeclaration: cssFloat-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

Beim Setzen wird CSSStyleDeclaration.setProperty() mit float als erstem Argument aufgerufen, und dem angegebenen Wert als zweites Argument. Der angegebene 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 äquivalent zu csd.cssFloat = "" ist.

Beispiel

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