ウインドウ枠からのスペース
背景色、ボーダー、マージン、パディングの設定
padding-top、padding-right、padding-bottom、padding-left は、上下左右のパディングを個別指定するためのプロパティです。
パディングは要素の内側の隙間です。
まずは、文字の大きさ、文字色、背景色、ボーダー、マージン、パディングを設定してみましょう。
次のようにすると、IEでもNNでもほぼ同じような見栄えとなるはずです。
h2 {
font-size : 16px;
text-align : left;
font-weight : bold;
background-color: #d3d3d3; /* LightGray */
padding : 4px 0 3px 10px; margin : 4px 0 4px 0;
border-color : #000080; /* RoyalBlue */
border-style : solid none solid none;
border-width : 2px 0 2px 0;
}
font-size : 16px;
text-align : left;
font-weight : bold;
background-color: #d3d3d3; /* LightGray */
padding : 4px 0 3px 10px; margin : 4px 0 4px 0;
border-color : #000080; /* RoyalBlue */
border-style : solid none solid none;
border-width : 2px 0 2px 0;
}
| Property： | value:値 | 意味 |
|---|---|---|
| padding-top | 上枠までのスペ−ス | |
| nn | 数値で指定 | |
| % | ％で指定 | |
| padding-right | 右枠までのスペ−ス | |
| nn | 数値で指定 | |
| % | ％で指定 | |
| padding-left | 左枠までのスペ−ス | |
| nn | 数値で指定 | |
| % | ％で指定 | |
| padding-bottom | 下枠までのスペ−ス | |
| nn | 数値で指定 | |
| % | ％で指定 |
上へ
CSS入門
広告