CSS float属性

定義＃テイギ＃

floatプロパティは、要素がどの方向にフローティングするかを定義します.従来、この属性は常に画像に適用され、テキストが画像の周囲に囲まれていたが、CSSでは任意の要素が浮動することができる.フローティング要素は、それ自体がどの要素であるかにかかわらず、ブロック・レベル・ボックスを生成します.
フローティング非置換要素は、明確な幅を指定します.そうでなければ、できるだけ狭くなります.
注記:フローティング要素が1つの行の上にわずかなスペースしかない場合、この要素は次の行にジャンプします.このプロセスは、ある行が十分なスペースを持つまで続きます.
継承性:No

JavaScript構文

CSS属性は、JavaScriptによって動的に変更することもできます.

スクリプト構文:

object.style.cssFloat="left"

HTML DOMチュートリアルでは、cssFloatプロパティの詳細を参照してください.
HTML DOMチュートリアルでは、完全なStyleオブジェクトリファレンスマニュアルも参照できます.

例

img
  {
  float: left
  }

可能な値

値
説明
left
テキストまたは画像は、親要素の左側に移動します.
right
テキストまたは画像は、親要素の右側に移動します.
none
デフォルト.テキストまたは画像は、ドキュメントに表示される場所に表示されます.