備忘録的プログラミングリファレンス

clear プロパティ

 clear プロパティは、float プロパティによる回り込み表示を解除するプロパティです。

回り込みを左右どちらも解除
 clear: both;

詳しくは Example を参照してください

 float プロパティによってエレメントを右または左に寄せて表示できますが、clear プロパティが設定されたエレメント以降はその表示機能を解除します。

 clear プロパティはfloat プロパティが関連します。

ページ内 Index

構文(Syntax)

CSS

clear: [ none | left | right | both | initial | inherit ];

DOM ( JavaScript )

値の取得
String = object.style.clear;
値の設定
object.style.clear="[ none | left | right | both | initial | inherit ]";

値(Values)

Value摘要
none初期値(default値)
left左寄せを解除
right右寄せを解除
both右寄せも左寄せも解除
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)No
変化(Animatable)No

Example

 clearの例です。
 float プロパティの対になります。float プロパティは、写真や画像、図などの周りにテキストを回り込み表示にします。 写真や画像、図は右や左に寄せるといった文面のレイアウトを調整するために使います。。