| ■ マージン（外枠から外のスペース）を指定する |
|
margin: マージン; |
| 《例》 |
sample {
margin: 10px;
｝
⇔ margin-top： マージン；
margin-bottom： マージン；
margin-left： マージン；
margin-right： マージン；
と上記のように上下左右で個別で指定することもできます。 |
|
|
| ■ パディング（セルの内容と枠線とのスペース）を指定する |
|
padding: スペース; |
| 《例》 |
sample {
margin: 10px;
padding: 14px;
｝
⇔ padding-top： スペース；
padding-bottom： スペース；
padding-left： スペース；
padding-right： スペース；
と上記のように上下左右で個別で指定することもできます。
|
|
|
| ■ 枠線の太さを指定する |
|
border-width: 線の太さ; |
| 《例》 |
sample {
margin: 10px;
padding: 14px;
border-width: 6px;
｝
⇔ border-top-width： 太さ；
border-bottom-width： 太さ；
border-left-width： 太さ；
border-right-width： 太さ；
と上記のように上下左右で個別で指定することもできます。
|
|
|
| ■ 枠線の色を指定する |
|
border-color: 線の色; |
| 《例》 |
sample {
margin: 10px;
padding: 14px;
border-width: 6px;
border-color: #333399;
｝
⇔ border-top-color： 線の色；
border-bottom-color： 線の色；
border-left-color： 線の色；
border-right-color： 線の色；
と上記のように上下左右で個別で指定することもできます。
|
|
|
| ■ 枠線の線種を指定する |
|
border-style: 線種; |
| 《例》 |
sample {
margin: 10px;
padding: 14px;
border-width: 6px;
border-color: #333399;
border-style: dotted;
｝
⇔ border-top-style： 線種；
border-bottom-style： 線種；
border-left-style： 線種；
border-right-style： 線種；
と上記のように上下左右で個別で指定することもできます。
線種としても、none , hidden , dotted , dashed ,
solid , double , groove , ridge , inset , outset などがあります。
|
|
|
| ■ セルの高さと幅を指定する |
|
height: セルの高さ; width: セルの幅; |
| 《例》 |
sample {
margin: 10px;
padding: 14px;
border-width: 6px;
border-color: #333399;
border-style: dotted;
height: 30px;
width: 200px;
｝
|
|
|
その他のおすすめサイト 
