Css-float

提供:Dev Guides
移動先:案内検索

CSS-フロート

説明

_float_プロパティを使用すると、要素が親element.sコンテンツ領域の片側に移動し、他のコンテンツがその周囲を流れることができます。

可能な値

  • -要素は、親要素のコンテンツ領域の左側にフロートされます。
  • right -要素は、親要素のコンテンツ領域の右側にフロートされます。
  • none -要素はフロートされません。

に適用されます

配置された要素と生成されたコンテンツを除くすべての要素。

DOM構文

object.style.float = "left";

これは、このプロパティの使用法を示す例です-

<h1 style = "float: left;">
   CSS float Example
</h1>
<p>
   If your browser supports the CSS float Property, this text will be flowing  around the heading.
</p>

これにより、次の結果が生成されます–

CSS float Example

 Print