menu
menu

キーワード検索

 

float【CSSリファレンス】

float【CSSリファレンス】

こんにちは(・∀・)

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デザインへ
  • CSS