ホームページ > 記事 > ウェブフロントエンド > CSSテーブルのborder-spacingとborderの詳細な説明
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の枠線は一番小さなセルの枠線を指します。
具体的なパフォーマンスは次のとおりです:
ここでは、
padding2. border-collapseをcollapseに設定すると、魔法のようなシーンが起こりました。
パディングと境界線の間隔は機能しなくなりました。境界線の間隔は理解できますが、パディングが効果がないのはなぜでしょうか?
私の理解では、キーは崩壊であると考えられています。この属性を設定すると、すべての境界線が一緒に接続されます。周辺境界と細胞境界を含めて、細胞は分割されなくなります。
以上がCSSテーブルのborder-spacingとborderの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。