CSSのfloat型プロパティ

右の画像のフロートをしてみましょう:

img
{
float:right;
}

»をお試しください

より多くの例については、このページの下で。

属性の定義と指示

フロートプロパティは、それが浮くべきかどうかボックス(要素)を指定します。

注意:絶対位置のエレメントが無視浮上特性!

デフォルト: なし
継承: いいえ
バージョン: CSS1
JavaScriptシンタックス: オブジェクト.style.cssFloatは= "左"


ブラウザのサポート

表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。

属性
float 1.0 4.0 1.0 1.0 7.0

プロパティ値

説明
要素は左浮きます。
右浮動要素。
なし デフォルト。 要素が浮いていない、と彼らはテキストで表示される位置に表示されます。
受け継ぎます 引当金は、親要素からfloatプロパティの値を継承しなければなりません。


例

より多くの例

左に段落フロートの最初の文字
左に段落フロートの最初の文字は、だから、および文字のスタイルを追加します。

水平方向のメニューを作成します。
ハイパーリンクの水平方向のリストを作成するには、フローティングメニュー。

テーブルのないホームを作成します。
独自のヘッダー、フッター、左ペインとページのメインコンテンツを作成するためにフローティング。


関連記事

CSSチュートリアル: CSSフロート