Warning: Undefined array key 3 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1273
Warning: Undefined array key 5 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1278
Warning: Undefined array key 7 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1283
theadに使える属性
属性とは<thead>
タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。
よく使うグローバル属性
id |
概要 |
要素に対してID固有の識別名を付けることができます。 |
属性の値 |
英字から始まる英数字 |
class |
概要 |
要素に対して分類名を付けることができます。 |
属性の値 |
英字から始まる英数字 |
style |
概要 |
要素に対して直接スタイルを指定することができます。 |
属性の値 |
スタイルシートのコード |
スポンサードサーチ
theadの使い方
<table>
<thead>
<tr>
<th>見出し1</th>
<th>見出し2</th>
</tr>
</thead>
<tbody>
<tr>
<td>データ1</td>
<td>データ2</td>
</tr>
</tbody>
</table>
table,th,td {
border: 1px solid gray;
}
th {
background-color: gray;
color: #fff;
}
ブラウザ対応状況
ブラウザの対応(PC) |
Chrome |
あり |
Safari |
あり |
Internet Explorer |
あり |
Edge |
あり |
Firefox |
あり |
Opera |
あり |
ブラウザの対応(SP) |
Chrome |
あり |
Safari |
あり |
Samsung Internet |
あり |