2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] floatプロパティでボックスの回り込む配置を指定しよう!

floatの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.floatとは?

floatプロパティはボックスの回り込み位置を指定する際に使用します。

画像以外のボックスに指定する場合、widthプロパティも併せて指定する必要があります。

値の指定方法は以下の通りです。

{ float: 値; }

値の指定方法

  • none
  • left
  • right
  • inline-start
  • inline-end




2.floatの使い方

それではfloatの使い方をみていきましょう。

以下はfloatの値がleftとなっているので、左寄せになって表示されます。

.img {
 background-color: red;
 width: 200px;
 height: 200px;
 float: left;
}

他にも値を設定できるのでいろいろと試してみることをオススメします!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です