|
バナーはダウンロード
してお使い下さい。
|
■ ボックス
▼
margin-☆
»» マージンを個別に指定する
▼
margin:
»» マージンを一括指定する
▼
padding-☆
»» パディングを個別に指定する
▼
padding:
»» パディングを一括して指定する
▼
border-☆-width
»» 枠線の太さを個別に指定する
▼
border-width:
»» 枠線の太さを一括指定する
▼
border-☆-color
»» 枠線の色を個別に指定する
▼
border-color:
»» 枠線の色を一括指定する
▼
border-☆-style
»» 枠線の種類を個別に指定する
▼
border-style:
»» 枠線の種類を一括指定する
▼
border-☆
»» 個別の枠線ごとに一括指定する
▼
border:
»» 枠線を一括指定する
▼
width:
height:
»» 内容領域の幅と高さを指定する。
■ margin-〜 マージンを個別に指定する
margin-top:◆ 上
margin-right:◆ 右
margin-bottom:◆ 下
margin-left:◆ 左
| ◆ |
・キーワード
・サイズを表す数値+単位
・数値+%
|
|
|
◆
|
サイズを表す数値+単位
|
数値に単位をつけてマージンを指定します。マイナスの数値も指定可能。単位については下表参照。
|
|
数値+%
|
親要素のボックス領域の幅に対する割合でマージンを指定します。
|
|
キーワード
|
auto
|
ブラウザが自動的にマージンを設定する。
|
ボックスの枠と隣接する他のボックス領域との間隔を個別に指定します。
隣接するボックスが存在しない場合は親要素との間隔が設定されます。
上下に隣接するブロックレベル要素同士のマージンは、
相殺されて大きい方のマージンが設定されます。
スタイルシートにおける単位
|
em
|
その要素のfont-sizeの値を１とする
|
|
ex
|
その要素のx-height(小文字のxの高さ）を１とする
|
|
px
|
コンピュータ画面の１ピクセルを１とする
|
|
%
|
属性によって異なるが、多くの場合は親要素の１部分を基準とした割合
|
|
in
|
インチ（1pt=2.54cm）
|
|
cm
|
センチメートル
|
|
mm
|
ミリメートル
|
|
pt
|
ポイント（1pt=1/72in）
|
|
pc
|
パイカ（1pc=12pt）
|
■ ボックスの概念 ■
|
IE4 |
IE5 |
IE5.5 |
IE6 |
NN4 |
NN4.7 |
N6.2 |
| サイズ |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
| パーセント |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
| auto |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
|
ＬＩＮＫ
|
