--- title: CSSStyleDeclaration.cssFloat slug: Web/API/CSSStyleDeclaration/cssFloat tags: - API - CSSOM - CSSStyleDeclaration - Reference browser-compat: api.CSSStyleDeclaration.cssFloat translation_of: Web/API/CSSStyleDeclaration/cssFloat ---
{{APIRef("CSSOM")}}

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

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}