サイト内検索
...HTML・XHTMLタグ...
ｔａｂｌｅ
境界線に色の指定
- 境界線に色をつけるには、table要素にbordercolor属性を指定します。
- 境界線に色をつけるには、border属性に指定が必要です。
- [使い方]
- <table border="3" bordercolor="#888888">
- <tr>
- <th></th>
- <td></td>
- </tr>
- </table>
- [メモ・・・Ｗ３Ｃの検証サービス・・・]
- bordercolorは、推奨されていませんので、
- Validするには、スタイルシートを使用します。
- プロパティborderを指定します。
- [サンプル]
- .sample{border: 2px #40a52b solid;}
| 属性 | 属性値 | 説明 |
|---|---|---|
| bordercolor= | "" |
境界線の色を指定します。
16進数RGB値（例・・#fff000） または カラーネーム（例・・red）を指定します。 |
サンプル
[ｂｏｄｙの中]
<table border="1" bordercolor="#40a52b"><tr>
<th>Ｎｏ１</th>
<th>Ｎｏ２</th>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
《外枠を太くして、色をつける場合》
[ｂｏｄｙの中]
<table border="4" bordercolor"#40a52b"><tr>
<th>Ｎｏ１</th>
<th>Ｎｏ２</th>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
border: を指定（xhtmlの場合）
- [スタイルシート]
- .sample1{border: 2px #40a52b solid;}
|
[ｂｏｄｙの中] <table class="sample1"><tr> <th class="sample1">Ｎｏ１</th> <th class="sample1">Ｎｏ２</th> </tr> <tr> <td class="sample1">Ｎｏ１</td> <td class="sample1">Ｎｏ１</td> </tr> </table> |
[ブラウザ上]
|
《外枠を太くして、色をつける場合》
- [スタイルシート]
- .sample1{border: 8px #40a52b solid; }
|
[ｂｏｄｙの中] <table class="sample2"><tr> <th class="sample1">Ｎｏ１</th> <th class="sample1">Ｎｏ２</th> </tr> <tr> <td class="sample1">Ｎｏ３</td> <td class="sample1">Ｎｏ４</td> </tr> </table> |
[ブラウザ上]
|
