|
|
|
|
|
| 4. |
ボックス設定 |
| 4.1 |
マージンの設定
margin-top:n pt/n in/n cm/n px/n %/n em
margin-bottom:n pt/n in/n cm/n px/n %/n em
margin-right:n pt/n in/n cm/n px/n %/n em
margin-left:n pt/n in/n cm/n px/n %/n em
ウインドウと枠とのマージンを、上下左右個別に設定する。
また、
margin:top,right,bottom,left
で上下左右のマージンを一度に設定する。
pt はポイント、
in はインチ、
cm はセンチメートル、
px はピクセル、
% はブラウザのウインドウとの割合、
em は使用されているフォントの高さを指定する。
|
|
| 4.2 |
パディングの設定
padding-top:n pt/n in/n cm/n px/n %/n em
padding-bottom:n pt/n in/n cm/n px/n %/n em
padding-right:n pt/n in/n cm/n px/n %/n em
padding-left:n pt/n in/n cm/n px/n %/n em
枠と内容との間隔を、上下左右個別に設定する。
padding:top,right,bottom,left
で上下左右の間隔を一度に設定する。
pt はポイント、
in はインチ、
cm はセンチメートル、
px はピクセル、
% はブラウザのウインドウとの割合、
em は使用されているフォントの高さを指定する。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4.3 |
ボーダーラインの設定
border-top-width:thin/midium/thick
border-bottom-width:thin/midium/thick
border-right-width:thin/midium/thick
border-left-width:thin/midium/thick
ボーダーラインの太さを上下左右個別に設定する。
border-width:top,right,bottom,left
上下左右のボーダーラインを一度に設定する。
thin が最も細く、
midium は普通で、
thick は最も太くなる。
|
|
| 4.4 |
ボーダーラインの色
border-top-color:color-name/#rrggbb/
rgb(r,g,b)/rgb(r%,g%,b%)
border-bottom-color:color-name/#rrggbb/....
border-right-color:color-name/#rrggbb/....
border-left-color:color-name/#rrggbb/....
ボーダーラインの色を上下左右個別に設定する。
border-color:color-name/#rrggbb/....
ボーダーラインの色を上下左右一度に設定する。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
