| 属性名 | border |
|---|---|
| 値 | <width> || <style> || <color> |
| 初期値 | 個々の属性を参照 |
| 適用可能要素 | すべて |
| 継承 | 継承しない |
| メディア | visual |
| アニメーション | <width> と <color> は可 |
| CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
|---|---|---|---|---|---|
| CSS1 | 4 | 1 | 1 | 3.5 | 1 |
ボーダーラインの太さ、線種、色をまとめて指定します。
| 値 | 説明 |
|---|---|
| <width> | 線の太さを指定します。詳細は border-width を参照してください。 |
| <style> | 線の種類を指定します。詳細は border-style を参照してください。 |
| <color> | 線の色を指定します。詳細は border-color を参照してください。 |
.sample-solid {
border: 1px solid gray;
width: 80px;
height: 40px;
margin: 0em 0em 0em 1em;
}
.sample-dashed {
border: 1px dashed gray;
width: 80px;
height: 40px;
margin: 0em 0em 0em 1em;
}
.sample-dotted {
border: 1px dotted gray;
width: 80px;
height: 40px;
margin: 0em 0em 0em 1em;
}
.sample-10 {
border: 10px solid #993333;
width: 80px;
height: 40px;
margin: 0em 0em 0em 1em;
}
<h5>1px solid</h5> <div class="sample-solid"></div> <h5>1px dashed</h5> <div class="sample-dashed"></div> <h5>1px dotted</h5> <div class="sample-dotted"></div> <h5>10px solid</h5> <div class="sample-10"></div>