English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS float属性の使用方法及び例

CSS float属性は、ボックスが左に、右に、または全くフロートするかどうかを指定します。

以下のテーブルは、この属性の使用法とバージョン履歴、およびjavascriptスクリプト内での使用構文を示しています。

デフォルト値:none
適用範囲:すべての要素
継承:ありません
アニメーション可能:いいえ。参照してください アニメーション属性
バージョン:CSS 1、2、3
JavaScript 構文:object.style.cssFloat="right"

floatの使用構文

この属性の構文は以下の通りです:

float: left | right | none | initial | inherit

以下の例では、float属性の使用方法を示しています。

  p.red {
   float: left;
  }
  p.green {
   float: right;
  }
テストして‹/›

属性値

以下のテーブルは、この属性の値を説明しています。

説明
left要素は左にフロートします。内容はボックスの右側から上から始まります。
rightleftと似ていますが、このボックスは右側にフロートし、内容はこのボックスの左側から、上から始まります。
noneこのボックスはフロートしていません。デフォルト値です。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のfloatの属性値を使用します。

ブラウザ互換性

float属性のブラウザの互換性については、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

さらに詳しく

以下のチュートリアルを参照してください:CSS フロートCSS アライメント

位置関連の属性:positiontoprightbottomleftdisplayclear