menu
menu

キーワード検索

 

最近の投稿

clear【CSSリファレンス】

  • CSS

clear

こんにちは(・∀・)

CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはclearです。

概要

clearプロパティを使用してfloatプロパティで設定した回り込みを解除します。


.sample {
  clear: both;
}
適用要素

ブロックレベル要素

指定できる値
none
回り込みを解除しない
left
左フロートを解除
right
右フロートを解除
both
両方のフロートを解除
初期値

none

サンプルデモ
HTML

<p class="demo">サンプルデモ</p>
<p class="demo">サンプルデモ</p>
<p class="demo demo2">サンプルデモ</p>
CSS

.demo {
  float: left;
}
.demo2 {
  clear: both;
}
Result

サンプルデモ

サンプルデモ

サンプルデモ

関連リンク

CSSリファレンス

  • カテゴリー:CSS