XHTML/CSS・トップ | CSSプロパティ・目次

●回り込みの解除

 clearは適用した要素の前の要素で指定した回り込みを解除するプロパティです。ここでは左上の画像(img)に指定したfloatプロパティによる回り込みをここの段落に clearプロパティを適用することにより、画像右へのテキストの回り込みを回避しています。指定できる値は leftと right以外に bothや none(解除しない)を指定できます。leftは右回り込みの解除。rightは左回り込みの解除ですが、floatプロパティで指定した回り込みを解除するときは同じ値を使えば、解除されます。bothの値は左右どちらの回り込みに対しても解除します。また、clearプロパティの適用できる要素はブロック要素となります。

【CSS】↓

.kaijyo {
  clear: left;
}

【HTML】↓

<p class="kaijyo"> clearは適用した要素よりも前の要素の回り込みを解除するプロパティです。ここでは・・・(以下省略)</p>

※後から続くすべてのブロック要素に適用する必要はなく、回り込みを指定した直後の最初のブロック要素のみ指定すれば回り込みを回避できます。

XHTML/CSS・目次 | 配置と表示・目次

Copyright (C) 2005-2007 http://www.xml.vc/