BLOCK : clear



記述形式 clear : none | left | right | both ;
適用 all elements
使用方法 オブジェクト横へのテキストの廻り込みを解除します。

none : デフォルト。回り込みを解除しない
left,right : float の left,right に相応して廻り込みを解除(実行例参照)
both : 全ての廻り込みを解除

オブジェクトの幅(width)を指定しなければ表示が崩れることがあるので注意すること。
実行例 <DIV STYLE="width:***;float:left"><IMG SRC="***.gif"></DIV>
テキスト<DIV STYLE="clear:left">テキスト</DIV>

CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。
まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。


<DIV STYLE="width:***;float:right"><IMG SRC="***.gif"></DIV>
テキスト<DIV STYLE="clear:both">テキスト</DIV>

CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。
まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。
サポート
ブラウザ
OSpropertyIE3.xIE4.xIE5.0xIE5.5xNN4.xNN6.x
Winnone×
left×
right×
both×
Macnone--
left--
right--
both--
Unixnone----
left----
right----
both----
  • NN4.x では inline-level element に none を適用すると、一行目の文字が重なってしまいます。
  • NN6.x では inline-level element に left , right , both を適用できません。