--- title: CSSStyleDeclaration.cssFloat slug: Web/API/CSSStyleDeclaration/cssFloat tags: - API - CSSOM - CSSStyleDeclaration - Reference browser-compat: api.CSSStyleDeclaration.cssFloat translation_of: Web/API/CSSStyleDeclaration/cssFloat ---
cssFloat
は {{domxref("CSSStyleDeclaration")}} インターフェイスのプロパティで、 {{DOMxRef("CSSStyleDeclaration.getPropertyValue()")}} を float
を引数として呼び出したときの結果を返します。
設定したときは、 {{DOMxRef("CSSStyleDeclaration.setProperty()")}} を float
を第一引数、指定された値を第二引数として呼び出します。指定された値は {{cssxref("float")}} プロパティで有効な値でなければなりません。
var float = CSSStyleDeclaration.cssFloat(); CSSStyleDeclaration.cssFloat = "right"
{{domxref('CSSOMString')}} です。
以下の例では、スタイルシートには、 1 つだけのルール .box
に {{cssxref("float")}} プロパティの値が left
と設定されています。この値は cssFloat
から返されます。次に、 cssFloat
を使用して値を "right" に設定し、新しい値を返します。
.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
{{Compat}}