tr
<tr> 要素は表(テーブル)の行を示します。
- 分類
- なし
- 内包できるもの
- <td>, <th>, スクリプト対応要素(<script>, <template>)
属性
グローバル属性のみ
サンプル
HTML
<tr> 内に配置された要素は横一列に並びます。
<table>
<tr>
<th>Apple</th>
<td>iPhone</td>
</tr>
<tr>
<th>Microsoft</th>
<td>Surface Duo</td>
</tr>
</table>
CSS
視認性を高めるために CSS でボーダーと余白を指定します。
table {
border: 2px solid #333333;
border-collapse: collapse;
}
th, td {
padding: 5px;
border: 1px #333333 solid;
}