ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS: 空セルを定義に使用する方法の詳細な説明

CSS: 空セルを定義に使用する方法の詳細な説明

黄舟
リリース: 2017-06-30 13:22:15
オリジナル
2019 人が閲覧しました

CSS では、empty-cellsproperty で、table 内の空のセルの境界線と背景を表示するかどうかを指定します。この記事では、空セルの定義と使い方、空セルの構文、空セルの例について詳しく紹介します。

CSS の empty-cells 属性の役割は、表内の空のセルの境界線と背景を表示するかどうかを指定することです。

empty-cells プロパティの例

テーブル内の空のセルの境界線と背景を非表示にします:

table
  {
  border-collapse:separate;  empty-cells:hide;
  }
ログイン後にコピー

empty-cells の定義と使用法

empty-cells プロパティは、テーブル内の空のセルを表示するかどうかを設定します (「デタッチ」のみ) 「「ボーダー」モード)。

注: IE ブラウザの一部のバージョンは、この属性をサポートしていません。

説明

このプロパティは、コンテンツを含まない表のセルをどのように表現するかを定義します。表示される場合、セルの境界線と背景が描画されます。このプロパティは、border-collapse が分離に設定されていない限り無視されます。

CSS: 空セルを定義に使用する方法の詳細な説明

構文:

empty-cells : hide | show
ログイン後にコピー

パラメータ:
hide: 非表示
show: 表示

説明:

内容がない場合に表のセルの境界線を表示するかどうかを設定または取得します。
このプロパティは、テーブルの境界線が独立している場合にのみ機能します (たとえば、border-collapse プロパティが Separate に等しい場合)。
現在、IE5.5 はこの属性をサポートしていません。
対応するスクリプト機能は emptyCells です。私が書いた他の本もご覧ください。

例:

table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; }
ログイン後にコピー

以上がCSS: 空セルを定義に使用する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート