パディングの設定属性
|
- 上下左右に5pxの余白 |
|
- 上右下左の余白をそれぞれ設定 |
|
- 上下、左右の余白を設定 |
|
- 上、左右、下の余白を設定 |
|
- 上の余白を5px |
|
- 右の余白を6px |
|
- 下の余白を7px |
|
- 左の余白を7px |
※ 数値の値は、px、pt、%などで指定して下さい。ここでは、pxを指定してご説明します。
・ マージンは、外側の余白指定
・ パディングは、内側の余白指定
マージンとパディングを使いこなせると、細かいデザインができますので、要素の内側と外側の関係の違いについて色々試してみましょう。また値の指定方法によって効果が違います。臨機応変に上下左右の余白の指定ができるようになりましょう。
table {
padding: 5px;
}
table {
padding: 5px 6px 7px 8px;
}
table {
padding: 8px 10px;
}
table {
padding: 8px 9px 10px;
}
table {
padding-top: 5px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 8px;
}
