CSSStyleDeclaration.cssFloat

cssFloat は CSSStyleDeclaration インターフェイスのプロパティで、 CSSStyleDeclaration.getPropertyValue() を float を引数として呼び出したときの結果を返します。

設定したときは、 CSSStyleDeclaration.setProperty() を float を第一引数、指定された値を第二引数として呼び出します。指定された値は float プロパティで有効な値でなければなりません。

値

文字列です。

例

以下の例では、スタイルシートには、 1 つだけのルール .box に 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

仕様書

Specification

CSS Object Model (CSSOM)
# dom-cssstyleproperties-cssfloat

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2023年3月20日 by MDN contributors.

View this page on GitHub • Report a problem with this content

CSS オブジェクトモデル (CSSOM)
CSSStyleDeclaration
インスタンスプロパティ
インスタンスメソッド
CSSOM に関連するページ
ガイド
1. CSS 宣言
2. CSS 宣言ブロック
3. 要素の寸法の決定
4. 画面の向きの制御
5. 動的なスタイル情報の利用
6. CSS value serialization

CSSStyleDeclaration.cssFloat

In this article

値

例

仕様書

ブラウザーの互換性

Help improve MDN