English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS float属性は、ボックスが左に、右に、または全くフロートするかどうかを指定します。
以下のテーブルは、この属性の使用法とバージョン履歴、およびjavascriptスクリプト内での使用構文を示しています。
デフォルト値: | none |
---|---|
適用範囲: | すべての要素 |
継承: | ありません |
アニメーション可能: | いいえ。参照してください アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScript 構文: | object.style.cssFloat="right" |
この属性の構文は以下の通りです:
float: left | right | none | initial | inherit
以下の例では、float属性の使用方法を示しています。
p.red { float: left; } p.green { float: right; }テストして‹/›
以下のテーブルは、この属性の値を説明しています。
値 | 説明 |
---|---|
left | 要素は左にフロートします。内容はボックスの右側から上から始まります。 |
right | leftと似ていますが、このボックスは右側にフロートし、内容はこのボックスの左側から、上から始まります。 |
none | このボックスはフロートしていません。デフォルト値です。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のfloatの属性値を使用します。 |
float属性のブラウザの互換性については、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。
|
以下のチュートリアルを参照してください:CSS フロート、CSS アライメント。