|
 padding プロパティ |
要素から、ボーダーまでの領域を指定します。
値の指定は、marginプロパティと同じです。また、四辺の個別指定も、padding-top、padding-bottom、padding-left、padding-right、と、marginプロパティ と paddingプロパティ を入れ替えるだけで、要素から、ボーダーまでの領域の余白を指定することができます。 |
|
| border プロパティ |
| ボーダーの上下左右の枠線の太さ、スタイル、色の指定をまとめて行うプロパティです。 |
| 値の指定は、半角スペースで区切ります。 |
 ソース |
border-width : 1px ; border-style : solid ; border-color : #cdcdcd
↑まとめ指定をしない場合の記述 |
border : 1px solid #cdcdcd ;
↑まとめ指定した場合の記述
|
太さ、スタイル、色の記述順序は特に決まっていません。
また、指定する必要の無い値は、省略できます。その場合、各プロパティのデフォルトの値となります。 |
|
| ■ 太さ、スタイル、色を個別に指定する場合 |
| ■ border-width プロパティ |
ボーダーの上下左右の太さを指定します。
値は、単位をつけた数値の他、thin（細線）、medium（中太線）、thick（太線） |
| 単位をつけた数値の上下左右との指定位置関係は、marginプロパティの、値のまとめ指定と同じです。 |
| ■ border-style プロパティ |
ボーダーの上下左右のスタイルを指定します。
値は、none（なにも無し）、solid（べた塗り）、double（二重線）、groove（立体線*くぼみ）、ridge（立体線*隆起）、inset（へこみ）、outset（盛りあがり） |
| ■ border-color プロパティ |
ボーダーの上下左右の枠線の色を指定します。
値は、カラーネーム、又はRGBコード |
|
 |
border: の引数も 1〜4個指定が可能で、それぞれの解釈も、marginプロパティと同じです。 |
|
|
|
|
|
|
|
マージン・パディング・ボーダー
表 示