CSS float プロパティ

画像を右にフロートします：

img {
float: right;
}

他の "Try it Yourself" 例が下にあります。

定義と用法

float プロパティは、ボックス(要素)をフローするかどうかを指定します。

注: 絶対配置の要素は、float プロパティを無視します！

デフォルト値：	なし
継承：	継承する
アニメーション可否：	不可。animatable を参照
バージョン：	CSS1
JavaScript 構文：	object.style.cssFloat="left" Try it

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
float	1.0	4.0	1.0	1.0	7.0

float: none|left|right|initial|inherit;

値	説明	Play it
なし	要素はフロートしないで、テキストの有るところへ表示されます。これがデフォルトです	Play it ❯
left	要素は左にフロートされます	Play it ❯
right	要素は右にフロートされます	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照

段落の先頭文字を左にフロートする
段落の先頭文字を左にフロートし、文字のスタイルを設定します。

横向きのメニュー作成
ハイパーリンクのリストにフロートを使用して横向きのメニューを作成します。

テーブルを使わないホームページの作成
フロートを使用して、ヘッダ、フッタ、左コンテンツ及びメインコンテンツを持つホームページを作成します。