Index

HOME > プログラムTOP > 資料集 > CSS




CSS : 余白のプロパティ


margin :: マージンの一括指定

●書式
margin : value
value ... 上下左右のマージン
margin : value1 value2
value1 ... 上下のマージン
value2 ... 左右のマージン
margin : value1 value2 value3 value4
value1 ... 上のマージン
value2 ... 右のマージン
value3 ... 下のマージン
value4 ... 左のマージン
●設定値
・上のマージン : margin-top の設定値
・右のマージン : margin-right の設定値
・下のマージン : margin-bottom の設定値
・左のマージン : margin-left の設定値
*初期値 : なし
●対象要素
・すべての要素
・子要素への値の適用 : なし
●対応状況
IE6.0IE5.5IE5.0NN7.xSafariMacIE5OP7.x

margin-top :: 上マージンの指定
margin-right :: 右マージンの指定
margin-bottom :: 下マージンの指定
margin-left :: 左マージンの指定

●書式
margin-top : value
margin-right : value
margin-bottom : value
margin-left : value
value ... マージンの値
●設定値
・数値 + 単位(%, em, ex, px, mm, cm, in, pc, pt)
・auto ... 自動。現状はブラウザに依存
・inherit ... 親要素に依存
*初期値 : なし
●対象要素
・すべての要素
・子要素への値の適用 : なし
●対応状況
IE6.0IE5.5IE5.0NN7.xSafariMacIE5OP7.x

padding :: パディングの一括指定

●書式
padding : value
value ... 上下左右のパディング
padding : value1 value2
value1 ... 上下のパディング
value2 ... 左右のパディング
padding : value1 value2 value3 value4
value1 ... 上のパディング
value2 ... 右のパディング
value3 ... 下のパディング
value4 ... 左のパディング
●設定値
・上のパディング : padding-top の設定値
・右のパディング : padding-right の設定値
・下のパディング : padding-bottom の設定値
・左のパディング : padding-left の設定値
*初期値 : 0
●対象要素
・すべての要素(col, colgroup, tr, thead, tbody, tfoot の各要素を除く)
・子要素への値の適用 : なし
●対応状況
IE6.0IE5.5IE5.0NN7.xSafariMacIE5OP7.x

padding-top :: 上パディングの指定
padding-right :: 右パディングの指定
padding-bottom :: 下パディングの指定
padding-left :: 左パディングの指定

●書式
padding-top : value
padding-right : value
padding-bottom : value
padding-left : value
value ... パディングの値
●設定値
・数値 + 単位(%, em, ex, px, mm, cm, in, pc, pt)
・inherit ... 親要素に依存
*初期値 : 0
●対象要素
・すべての要素(col, colgroup, tr, thead, tbody, tfoot の各要素を除く)
・子要素への値の適用 : なし
●対応状況
IE6.0IE5.5IE5.0NN7.xSafariMacIE5OP7.x

www.sasaraan.net

(c) morijoh