ボーダーの各種プロパティを一括して指定します。
必要な値を任意の順番で並べ、半角スペースを区切って指定します。
省略された値は初期値になるます。
（個別にボーダー（線）の指定をしたい場合はこちらです。）
値の指定方法は以下の通りです。
| 例 | CSS .sample1 { width: 300px height: auto padding: 10px; margin: auto; border: 1px solid #ff0000; background: #ffffff; } .sample2 { width: 300px height: auto padding: 10px; margin: auto; border: 3px dashed #0000ff; background: #ffffff; } .sample3 { width: 300px height: auto padding: 10px; margin: auto; border: 5px dotted #800800; background: #ffffff; } |
XHTML <div class="sample1"> <p> 線の太さ1px、種類はsolid、色は赤色を指定しています。 <⁄p> <⁄div> <div class="sample2"> <p> 線の太さ3px、種類はdashed、色は青色を指定しています。 <⁄p> <⁄div> <div class="sample3"> <p> 線の太さ5px、種類はdotted、色は緑色を指定しています。 <⁄p> <⁄div> |
|---|
それぞれ値を変えてていったのがこちらになります。
ここをクリック！