|
トップページ > スタイルシートリファレンス > empty-cells
★スタイルシートリファレンス
|
empty-cells･････空白セルのボーダーの表示・非表示を指定する
 
  
    
   
     
empty-cellsプロパティは、空白セルのボーダーを表示するか（show）、しないか（hide）を指定します。 「空白セル」とは、テーブル（表）のセルでテキストや画像が入っていないセルのことを指しますが、 empty-cellsプロパティでは、visibilityプロパティがhiddenに指定されたセルのボーダーについても同様の扱いとなります。 border-spacingプロパティは、border-collapseプロパティの値がseparateのときに有効となります。 ■値
■使用例スタイルシート部分は外部ファイル（sample.css）に記述。table.sample {border: solid 1px #000000; border-collapse: separate; } td.sample {border: solid 1px #ff0000; empty-cells: show;} HTMLソース<html><head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <table class="sample"> <tr><td class="sample"></td><td class="sample">夏</td></tr> <tr><td class="sample">秋</td><td class="sample"></td></tr> </table> </body> </html> ↓↓↓ ブラウザ上の表示
■関連項目
table-layout･････････････････テーブル（表）の表示方法を指定する
caption-side･････････････････テーブル（表）のキャプションの位置を指定する border-collapse･･････････････セルのボーダーの表示の仕方を指定する border-spacing･･････････････セルのボーダーの間隔を指定する empty-cells･････････････････空白セルのボーダーの表示・非表示を指定する |
トップページ > スタイルシートリファレンス > empty-cells
|
©2012 HTMQ