Index
CSS : 配置のプロパティ
■top :: 上からの距離
■right :: 右からの距離
■bottom :: 下からの距離
■left :: 左からの距離
- ●書式
- top : value
right : value
bottom : value
left : value
・value ... 距離を示す値
*絶対配置の場合は、ページの上下左右からの距離となります。
*相対配置の場合は、本来の位置からの距離となります。
- ●設定値
- ・数値 + 単位(%, em, ex, px, mm, cm, in, pc, pt）
・auto ... 自動
・inherit ... 親要素に依存
*初期値 : auto
- ●対象要素
- ・相対配置または絶対配置された要素
・子要素への値の適用 : なし
- ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
■clear :: 回り込みの解除
- ●書式
- clear : value
・value ... 回り込み解除を示す値
- ●設定値
- ・left ... 左寄せ時の回り込みを解除
・right ...右寄せ時の回り込みを解除
・both ... 左右両方の回り込みを解除
・none ... 回り込みを解除しない
・inherit ... 親要素に依存
*初期値 : none
- ●対象要素
- ・ブロックレベル要素
・子要素への値の適用 : なし
- ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
■float :: 回り込み
- ●書式
- float : value
・value ... 回り込みを示す値
- ●設定値
- ・left ... ボックスを左に寄せ、テキストを右側に回り込ませる
・right ...ボックスを右に寄せ、テキストを左側に回り込ませる
・none ... 回り込みをしない
・inherit ... 親要素に依存
*初期値 : none
- ●対象要素
- ・すべての要素（相対配置または絶対配置した要素を除く）
・子要素への値の適用 : なし
- ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
■position :: 位置の指定方法
- ●書式
- position : value
・value ... 位置の指定方法を示す値
- ●設定値
- ・absolute ... 絶対配置 （後ろの要素への影響なし）
・relative ... 相対配置 （後ろの要素への影響なし）
・fixed ... ウインドウの可視領域に固定配置
・static ... 既定の配置
・inherit ... 親要素に依存
*初期値 : static
- ●対象要素
- ・すべての要素
・子要素への値の適用 : なし
- ●対応状況
・IEでは、fixedには対応していません。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x △ △ △ ○ ○ ○ ○
■text-align :: 行の揃え方
- ●書式
- text-align : value
・value ... 行の揃え方を示す値
- ●設定値
- ・left ... 左揃え
・center ... 中央揃え
・right ... 右揃え
・justify ... 両端揃え
・inherit ... 親要素に依存
*初期値 : 環境に依存
- ●対象要素
- ・ブロックレベル要素
・子要素への値の適用 : あり
- ●対応状況
・各ブラウザとも、justifyを日本語に設定しても適用されません。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x △ △ △ △ △ △ △
■vertical-align :: 縦方向の揃え方
- ●書式
- vertical-align : value
・value ... 縦の揃え方を示す値
- ●設定値
- ・数値 + 単位(%, em, ex, px, mm, cm, in, pc, pt） (baselineが基準)
・baseline ... 親要素にベースラインがあればベースライン、なければ下に揃える
・top ... 親要素の上に揃える
・middle ... 親要素の中央に揃える
・bottom ... 親要素の下に揃える
・text-top ... 親要素のテキストの上に揃える
・text-bottom ... 親要素のテキストの下に揃える
・super ... 親要素の上付き文字の位置に揃える（テーブルのセルは対象外）
・sub ... 親要素の下付き文字の位置に揃える（テーブルのセルは対象外）
・inherit ... 親要素に依存
*初期値 : baseline
- ●対象要素
- ・インライン要素、th要素、td要素
・子要素への値の適用 : なし
- ●対応状況
・IE5.0では、top,middle,bottom,text-top,text-bottomのテキストへの指定は無効です。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ △ ○ ○ △ ○
・IEMac5では、middleのテキストへの指定は無効です。
■z-index :: 重ねる順番
- ●書式
- z-index : value
・value ... 重ねる順番を示す値
- ●設定値
- ・整数値 （上側は値を大きく下側は値を小さく／IEはマイナス値可）
・auto ... 親要素と同じ
・inherit ... 親要素に依存
*初期値 : auto
- ●対象要素
- ・絶対配置または相対配置された要素
・子要素への値の適用 : なし
- ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
www.sasaraan.net
(c) morijoh