CSS: border-spacing 属性の使用と定義

CSS では、border-spacing 属性の機能は、隣接するセルの境界線間の距離を指定することです。

border-spacing プロパティの例

table の border-spacing を設定する:

table
  {
  border-collapse:separate;  border-spacing:10px 50px;
  }

border-spacing の定義と使用法

border-spacing プロパティは、隣接するセルの境界間の距離を設定します (「境界線の分離」の場合のみ)モデル）。

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

説明

このプロパティは、分離境界モデルのセル境界間の距離を指定します。指定された 2 つの長さの値のうち、最初の値は水平方向のギャップ、2 番目は垂直方向のギャップです。このプロパティは、border-collapse が分離に設定されていない限り無視されます。このプロパティはテーブルにのみ適用されますが、テーブル内のすべての要素によって継承 されます。

構文:

border-spacing : length || length

パラメータ:

length: 浮動小数点数とユニット識別子で構成される長さの値。負の値は指定できません。長さの単位を参照してください

説明:
テーブルの境界線が独立している場合 (たとえば、border-collapse プロパティが分離に等しい場合)、行とセルの境界線の水平方向と垂直方向の間隔を設定または取得します。
長さの値が 1 つだけ指定されている場合、この値は水平方向と垂直方向の間隔に作用します。両方の長さの値が指定されている場合、最初の値は水平方向の間隔に作用し、2 番目の値は垂直方向の間隔に作用します。
現在、IE5.5 はこの属性をサポートしていません。
対応するスクリプト機能はborderSpacingです。私が書いた他の本もご覧ください。

例:

table { border-collapse: separate; border-spacing: 10px; }

以上がCSS: border-spacing 属性の使用と定義の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。