ホームページ  >  記事  >  ウェブフロントエンド  >  CSSテーブルのborder-spacingとborderの詳細な説明

CSSテーブルのborder-spacingとborderの詳細な説明

黄舟
黄舟オリジナル
2017-06-30 10:04:392407ブラウズ

1. が利用可能で、table タグに設定する必要があるか、display が table 要素または inline-table 要素である。

border-collapse属性が存在する場合にのみ機能します。 細胞が分離されていない場合、細胞間の距離はどのようにして決まるのでしょうか?

border-spacing:10px 30px;

はセルの間隔が水平方向に10px、垂直方向に30pxであることを意味します

table{
border-collapse: collapse;
/*设置为collapse后,border-spacing就失效了*/
/*看来这个属性要在table上设置*/
border-spacing: 130px 15px;
}

表の枠線

1.

ここには 2 つの境界線があり、1 つは table タグに設定でき、もう 1 つは TD に設定できます。 表の枠線は一番外側の枠の枠線を指し、tdの枠線は一番小さなセルの枠線を指します。

具体的なパフォーマンスは次のとおりです:

ここでは、

padding

とborder-spacingを設定します。

2. border-collapseをcollapseに設定すると、魔法のようなシーンが起こりました。

パディングと境界線の間隔は機能しなくなりました。境界線の間隔は理解できますが、パディングが効果がないのはなぜでしょうか?

私の理解では、キーは崩壊であると考えられています。この属性を設定すると、すべての境界線が一緒に接続されます。周辺境界と細胞境界を含めて、細胞は分割されなくなります。

以上がCSSテーブルのborder-spacingとborderの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。