border-spacingの隙間はマージンのように、右側だけ、下側だけなど片方だけにつけることはできないのでしょうか？

Question

border-spacingの隙間はマージンのように、右側だけ、下側だけなど片方だけにつけることはできないのでしょうか？

下記を見ると上下か左右だけのようですが。
http://www.htmq.com/style/border-spacing.shtml

Answer 1

上下だけ、左右だけであればできます。

●上下のみの場合： border-spacing: 0 20px;
●左右のみの場合： border-spacing: 20px 0;

上だけ、右だけ、という指定はできません。

【参考】仮想テーブルレイアウトを使いこなそう（４）

Comments

[退会済みユーザー]

方要素だけに、隙間を空けたい時は、paddingで行うしかないのですね。

[aKusano]

そうですね。
td要素の内側に余白をつければそれで済むデザインなら、
paddingを使えばいいと思います。

Answer 2

はい、border-spacingは表全体にかけるものであって、そして枠線同士の隙間を決めるものですので、右だけ・左だけといった指定は（表の端を除いて）意味をなしません。

そして、表の端ではpaddingが上下左右バラバラに指定できますので、border-spacingで調整する必要もありません（MDN）。

Comments

[退会済みユーザー]

方要素だけに、隙間を空けたい時は、paddingで行うしかないのですね。