表の枠線の使い方まとめ、表示したい枠線のみを表示_html/css

テーブルの一般的に使用される属性

基本的な属性は次のとおりです: width (幅)、height (高さ)、border (境界線の値)、cellspacing (テーブルの内側の幅、つまりテーブルとテーブルの間隔) tr)、cellpadding (table 内部要素間の間隔、つまり tr と tr の間隔)、bordercolorlight (表の明るい枠線の色)、bordercolordark (表の暗い枠線の色)、bgcolor (表の背景色) )、background (テーブルの背景画像)、bordercolor (テーブルの境界線の色)

テーブルの内部区切り線の属性

機能するのは、3 つの値 (cols、rows) を持つ rules パラメーターです。、なし)、
rules=cols の場合、テーブルは水平の分割線を非表示にします。つまり、テーブルの列のみが表示されます。
rules=rows の場合、垂直の分割線は非表示になります。テーブルの行を参照します。
rules=none の場合、垂直分割線とすべての水平セパレータが非表示になり、テーブルの外枠のみが表示されます

テーブルの外部セパレータのプロパティ

表示また、テーブルの外枠の非表示は、frame パラメーターを使用して制御できます。注: テーブルの外側の境界線にのみ機能し、内部のエッジや線には機能しません
上の境界線のみが表示されます

下の境界線のみが表示されます

左側の境界線のみが表示されます。
上下の枠線のみ表示
左枠のみ表示
右枠のみ表示
枠線は表示されません

<table summary="学生名单，包括学生编号、姓名、联系电话、和地址。">    <caption>学生名单</caption>    <thead>        <th scope="col">编号</th>        <th scope="col">姓名</th>        <th scope="col">联系电话</th>        <th scope="col">地址</th>    </thead>    <tfoot>        <td colspan="4">班主任：</td>    </tfoot>    <tbody>        <tr>            <td>1</td>            <td>Jamson</td>            <td>123-45678</td>            <td>XX市XX区XX号</td>        </tr>        <tr>            <td>2</td>            <td>Grace</td>            <td>123-45678</td>            <td>XX市XX区XX号</td>        </tr>        <tr>            <td>3</td>            <td>Dizzy</td>            <td>123-45678</td>            <td>XX市XX区XX号</td>        </tr>    </tbody></table>

ログイン後にコピー