menu
menu

キーワード検索

 

最近の投稿

float(ボックス)【CSSリファレンス】

  • 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;
}
  • カテゴリー:CSS