css - CSS の border-spacing プロパティの略記

Question

ほとんどのCSSプロパティの2つの項目標準は「上/下、左/右」のようです。少なくとも、境界線の間隔を除いて、私が知っているすべてのことに当てはまります。

ボーダー間隔の「左/右、上/下」の略記は意図的なものですか? 毎回それは私を取得します、そしておそらく w3 はそれが矛盾していることに気づきませんでした.

Answer 1

border-widthやなどとは異なりmargin、2 つの値しか受け入れられないため、これは少し異なります。

border-width: 10px 50px 10px 50px; /* valid */
border-spacing: 10px 50px 10px 50px; /* invalid */

おそらく、この違いまでチョークで書くことができます。

(最大) 4 つの値を受け入れる他のプロパティの省略形が表示されるたびに:

border-width: 10px 50px;

これは、下と左の値が反対側からコピーされることを意味します。

border-width: 10px 50px 10px 50px;
/*            top  right btm left    */

または、次の 3 つの値を使用します。

border-width: 10px 50px 20px;

これは次と同じです。

border-width: 10px 50px 20px 50px;