90352


背景色は適用できるのですが、borderが反映されません。

[MDNのborderのページ](https://developer.mozilla.org/ja/docs/Web/CSS/border)
には適用対象はすべての要素となっているのですが、なぜなのでしょうか？

環境  
Chrome (103)、Firefox (103)

HTML

[code]

    <table>
      <caption>テーブルの練習</caption>
      <colgroup span="4"></colgroup>
      <colgroup>
        <col></col>
      </colgroup>
      <thead>
        <tr>
          <th>見出し1
          <th>見出し2
          <th>見出し3
          <th>見出し4
          <th>フラグ
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>データ1
          <td>データ2
          <td>データ3
          <td>データ4
          <td>no
        </tr>
        <tr>
          <td>データ1
          <td>データ2
          <td>データ3
          <td>データ4
          <td>yes
        </tr>
      </tbody>
    </table>
    
[/code]

css

[code]

    table{
      border-spacing:0;
      width:50%;
      text-align:center;
    }
    colgroup:nth-of-type(1){
      border: 2px solid blue;
      background-color:rgb(255 0 0 / 0.3);
    }
    
[/code]


CC BY-SA 4.0
2022-08-02T11:00:34.557
90339
2022-08-03T05:42:27.493
2022-08-02T11:33:46.693
3060
53816
question
html css
colgroupにborderが反映されない


borderの指定要素をcolgroupではなく、tableを指定してみてはどうですか？


CC BY-SA 4.0
2022-08-03T02:57:10.100
90352
2022-08-03T05:42:27.493
2022-08-03T05:42:27.493
50767
50767
90339
answer