にほんブログ村 デザインブログ Webデザインへ PVアクセスランキング にほんブログ村
【CSSリファレンス】float - web design lab

【CSSリファレンス】float


【CSSリファレンス】float

こんにちは(・∀・)

CSSプロパティをご紹介します。今回ご紹介するCSSプロパティはfloatです。

概要

floatプロパティを使用して要素を左または右に寄せて配置し、後に続く要素(文字列等)をその反対側に表示させます。


.sample {
  float: left;
}
適用要素

すべての要素

指定できる値
none
左右へ配置しない
left
左側に配置し後に続く要素を右側に回り込ませる
right
右側に配置し後に続く要素を左側に回り込ませる
初期値

none

サンプル
HTML

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

.demo {
  float: left;
}
Result

サンプルデモ

サンプルデモ

サンプルデモ


にほんブログ村 デザインブログ Webデザインへ PVアクセスランキング にほんブログ村