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

clearプロパティ

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

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

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

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

構文(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プロパティは、写真や画像、図などの周りにテキストを回り込み表示にします。 写真や画像、図は右や左に寄せるといった文面のレイアウトを調整するために使います。。