サイト内検索
...HTML・XHTMLタグ...
ｔａｂｌｅ
境界線に色を２色指定
- 境界線の明るい部分の色は、
table要素にbordercolorlight属性を指定します。 - 境界線の暗い部分の色は、
table要素にbordercolordark属性を指定します。 - [使い方]
- <table border="4" bordercolorlight="#888888" bordercolordark="#777777">
- <tr>
- <th></th>
- <td></td>
- </tr>
- </table>
- [メモ・・・Ｗ３Ｃの検証サービス・・・]
- bordercolorlight・bordercolordarkは、
- ブラウザ上では表示されますが、廃止されました。
- Validするには、スタイルシートを使用します。
- border-colorプロパティを指定します。
- [サンプル]
- .sample{border-color: #ffff8e #009900 #009900 #ffff8e;}
| 属性 | 属性値 | 説明 |
|---|---|---|
| bordercolorlight= | "" |
明るい部分の色を指定します。
16進数RGB値（例・・#fff000） または カラーネーム（例・・red）を指定します。 |
| bordercolordark= | "" |
暗い部分の色を指定します。
16進数RGB値（例・・#fff000） または カラーネーム（例・・red）を指定します。 |
サンプル
[ｂｏｄｙの中]
<table border="4" bordercolorlight="#ffff8e" bordercolordark="#009900"><tr>
<th>Ｎｏ１</th>
<th>Ｎｏ２</th>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
border-colorを指定
[ｂｏｄｙの中]
<table border="4" style="border-color: #ffff8e #009900 #009900 #ffff8e;"><tr>
<th>Ｎｏ１</th>
<th>Ｎｏ２</th>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
[ブラウザ上]
| Ｎｏ１ | Ｎｏ２ |
|---|---|
| Ｎｏ３ | Ｎｏ４ |
