2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] empty-cellsプロパティで空白セルのボーダーと背景の表示方法を指定しよう!

empty-cellsの評価
頻出度
(3.0)
重要度
(3.0)
総合評価
(3.0)




1.empty-cellsとは?

empty-cellsプロパティは空白セルのボーダーと背景の表示方法を指定する際に利用します。

値の指定方法は以下の通りです。

{ empty-cells: 値; }

値の指定方法

  • show
  • hide




2.empty-cellsの使い方

それではempty-cellsの使い方をみていきましょう。

以下のようにすることで空白セルのボーダーと背景が非表示になります。

table {
 table-layout: fixed;
 empty-cells: hide;
 width: 100%;
}

他にも値を設定できるのでいろいろと試してみることをオススメします!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です