Home
/
表（テーブル）の設定
/ 表の空のセルの表示・非表示の指定 :
empty-cells
表の空のセルの表示・非表示の指定 :
empty-cells
::: 書 式 :::
empty-cells
: 表示設定
::: プロパティ値 :::
表示設定には、下記の値を指定します。
show （表示する）
hide （表示しない）
::: 解 説 :::
「
empty-cells
」プロパティで、空のセルの枠線を表示するかどうかを指定します。
::: 対応ブラウザ :::
IE
Firefox
Opera
Chrome
Safari
8
7
6
5.5
5
3.5
3
2
1.5
1
10
9
8
7
6
2
1
4
3
2
1
○
×
×
×
×
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]
::: サンプル :::
[ サンプル画面
]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>スタイルシート(CSS) = 表の空のセルの表示・非表示の指定 =</title> <style type="text/css"> <!-- #id01{ empty-cells: show } #id02{ empty-cells: hide } table, th, td{ border: 2px solid #cccccc } th, td{ width: 33% } --> </style> </head> <body> スタイルシート(CSS) = 表の空のセルの表示・非表示の指定 =<br><br> <p>■「show」で、真ん中の空のセルを表示させます</p> <table id="id01" width="500"> <tr> <th>「show」</th> <th></th> <th>「show」</th> </tr> <tr> <td>「show」</td> <td></td> <td>「show」</td> </tr> </table> <br> <p>■「hide」で、真ん中の空のセルを非表示にします</p> <table id="id02" width="500"> <tr> <th>「hide」</th> <th></th> <th>「hide」</th> </tr> <tr> <td>「hide」</td> <td></td> <td>「hide」</td> </tr> </table> </body> </html>
関連項目
CSSの基本
CSS機能別プロパティ一覧
CSSインデックス
表（テーブル）の設定
border-collapse
border-spacing
caption-side
empty-cells
Copyright (C) 2009 Html-Labs All Rights Reserved.
]