Home
/
配置・表示の指定
/ 左右への回り込み解除の指定 :
clear
左右への回り込み解除の指定 :
clear
::: 書 式 :::
clear
: 解除方向
::: プロパティ値 :::
解除方向には、下記の値を指定します。
none(解除しない)
left(左側の回り込みを解除する)
right(右側の回り込みを解除する)
both(両側の回り込みを解除する)
::: 解 説 :::
「
clear
」プロパティで、回り込ませた要素の回り込みを解除します。
::: 対応ブラウザ :::
IE
Firefox
Opera
Chrome
Safari
8
7
6
5.5
5
3.5
3
2
1.5
1
10
9
8
7
6
2
1
4
3
2
1
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]
::: サンプル :::
[ サンプル画面
]
スタイルシート(CSS) = 左右への回り込み解除の指定 =
スタイルシート(CSS) = 左右への回り込み解除の指定 =
img要素に「float: left」左に配置を指定
img要素を「float: left」で左に配置したあとのp要素
ここで、p要素に「clear: both」を指定(回り込み解除)
img要素に「float: right」右に配置を指定
img要素を「float: right」で右に配置したあとのp要素
</body> </html>
関連項目
CSSの基本
CSS機能別プロパティ一覧
CSSインデックス
配置・表示の指定
position
top
bottom
left
right
float
clear
z-index
display
visibility
overflow
Copyright (C) 2009 Html-Labs All Rights Reserved.