9/26/2024

「colspan」と「rowspan」

 覚え方

Colspan =: 「colspan」は列を水平に結合

コルスパン → 水平ストレッチ(→→→)

例: 1 つのセルを 4 列にまたがって拡張する場合 colspan="4"
<table border="1">
    <tr>
        <th colspan="4">colspan</th>
    </tr>
    <tr>
        <td>colspan</td>
        <td>colspan</td>
        <td>colspan</td>
        <td>colspan</td>
    </tr>
    <tr>
        <td>colspan</td>
        <td>colspan</td>
        <td>colspan</td>
        <td>colspan</td>
    </tr>
</table>

Rowspan =: 「rowspan」は行を垂直に結合

行間 → 垂直ストレッチ(↓↓↓)

例: 1 つのセルを 3 行にカバーする場合 rowspan="3"
<table border="1">
    <tr>
        <th rowspan="3">rowspan</th>
        <td>rowspan</td>
        <td>rowspan</td>
        <td>rowspan</td>
    </tr>
    <tr>
        <td>rowspan</td>
        <td>rowspan</td>
        <td>rowspan</td>
    </tr>
    <tr>
        <td>rowspan</td>
        <td>rowspan</td>
        <td>rowspan</td>
    </tr>
</table>

0 件のコメント: