CSSStyleProperties: cssFloat プロパティ
cssFloat は CSSStyleProperties インターフェイスのプロパティで、CSS の float プロパティを返します。
これは、このオブジェクトに対して getPropertyValue() を呼び出し、引数に float を渡した結果です。
設定時には setProperty() を呼び出し、第一引数に float、第二引数に指定された値を渡します。
指定された値は float プロパティで有効な値でなければなりません。
値
文字列です。
null 値に設定された場合、null 値は空文字列 ("") に変換されますので、csd.cssFloat = null は csd.cssFloat = "" と同等になります。
例
下記例では、このスタイルシートに .box に対するルールが 1 つ含まれており、そのルールには float プロパティが left の値で設定されています。この値は cssFloat によって返されます。その後、cssFloat を使用してこの値を "right" に設定し、新しい値を返します。
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"
仕様書
| 仕様書 |
|---|
| CSS Object Model (CSSOM) # dom-cssstyleproperties-cssfloat |