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.
.box {
float: left;
inline-size: 300px;
}
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
Loading…