書式
padding:間隔
対象
全ての要素
継承
しない
初期値
0
バージョン
CSS Level 1
対応ブラウザ
Win IE4.0以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari
解説
ボックス内の余白を指定します。パラメータの数により余白の設定される場所が変わります。
| 設定するパラメータ数 | 設定内容 |
|---|
| 1 | 上下左右に同じ間隔を設定する |
| 2 | 上下、左右の順番で間隔を設定する |
| 3 | 上、左右、下の順番で間隔を設定する |
| 4 | 上右下左の順番で間隔を設定する |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; left:10px; top:10px;width:300px;height:100px;
border:1px black solid;
padding:10px 15px 25px 20px;
}
--></style>
</head>
<body>
<div>CSS<br>Sample Text</div>
</body>
</html>