無料ホームページ作成!CSS・スタイルシート
要素の回り込み

無料ホームページ作成!CSS・配置
要素の回り込み

ホームページの要素の回り込みの指定

float属性

float属性は要素の回り込みの指定する属性です。このfloat属性はホームページの段組などの作成に使用される非常に便利で有効な属性で、画像の横に文字を回りこませたりにも使用できます。

float属性の使い方

CSSソース

セレクタ{
	float:right;
}
 
結果
結果

画像が右に表示され左側に文字が回りこみます。
無料ホームページ作成!HTML&CSS
無料ホームページ作成!HTML&CSS

float属性で宣言できる値

概要
none 回り込みをしない
right 要素は右側に配置され、左側に回り込みをする
left 要素は左側に配置され、右側に回り込みをする

値の使用例

float属性はホームページ作成には欠かせない属性ですので覚えましょう。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS