floatプロパティの概要
| ボックスの回り込みCSS | ||
| float | ||
| 目的 | ボックスの回り込みの位置を指定します。img要素で主に使用されるが、それ以外で使用する際は、その要素についてwidth属性を指定すること。 | |
| 使用 | 主にimg | |
| 関連 | <clear> | |
| 初期 | float : none | |
 ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。 |
||
<img src="pic02.png" alt="" width="100" style="float: left"/>ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。 |
||
値
- none
-
ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
<img src="pic02.png" alt="" width="100" style="float: none;"/>ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
- left
-
ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
<img src="pic02.png" alt="" width="100" style="float: left;"/>ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
- right
-
ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
<img src="pic02.png" alt="" width="100" style="float: right;"/>ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
- inline-start
-
ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
<img src="pic02.png" alt="" width="100" style="float: inline-start;"/>ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
- inline-end
-
ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
<img src="pic02.png" alt="" width="100" style="float: inline-end;"/>ペンギンの写真です。ペンギンは鳥類であって哺乳類ではありません。鳥類ではありますが空を飛ぶことができません。水の中を泳ぐことができます。
inline-start、inline-endについては気にする必要あありません。