CSS テーブルのプロパティ_html/css_WEB-ITnose

Property

Description

border-collapse

表の枠線を 1 つの枠線に結合するかどうかを設定します。

border-spacing

セルの境界線を区切る距離を設定します。

caption-side

表タイトルの位置を設定します。

empty-cells

表内の空のセルを表示するかどうかを設定します。

table-layout

セル、行、列を表示するためのアルゴリズムを設定します。

追記:

隣接するセルの境界線間の距離を指定します。 px、cm などの単位を使用します。負の値は許可されません。 長さパラメータを定義すると、水平方向と垂直方向の間隔が定義されます。

border-spacing 属性の値を親要素から継承することを指定します。

デフォルト値。表のタイトルを表の上に配置します。

bottom

(3) ブラウザの互換性: IE を除くすべての主要なブラウザは、caption-side 属性をサポートします。 Internet Explorer 8 (以降) では、!DOCTYPE が指定されている場合、caption-side 属性がサポートされます。

5. 空のセルの処理: empty-cells 属性

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

(2) 可能な値:

(3) ブラウザの互換性: IE を除くすべてのブラウザは空のセル属性をサポートします。 Internet Explorer 8 (以降) では、!DOCTYPE が指定されている場合、empty-cells 属性がサポートされます。

6. テーブル レイアウト アルゴリズム: table-layout 属性

(1) 機能: テーブルのセル、行、列のアルゴリズム ルールを表示するこの属性は、テーブル レイアウトを完成させるために使用されるレイアウト アルゴリズムを指定します。

(2) 2 つのアルゴリズム:

固定テーブルレイアウト:固定テーブル レイアウト セルの内容に関係なく、テーブルの幅、列の幅、テーブルの境界線の幅、セルの間隔 固定テーブル レイアウトを使用することで、ユーザー エージェントは次のことが可能になります。最初の行を受け取った後にテーブルを表示します); #欠点: いいえ、柔軟性が高すぎます。

自動:

(3) 可能な値: