Css-float

CSS-フロート

説明

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

可能な値

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

に適用されます

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

DOM構文

object.style.float = "left";

Copy

例

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

<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>

Copy

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

CSS float Example

 Print

Copy