CSS GridやFlexboxでアイテム間のスペース（ギャップ）をスタイル設定するCSSの新しいテクニック

CSS GridやFlexboxは非常に便利ですが、アイテム間のスペース（ギャップ）をスタイルするときにはボーダーや疑似要素や背景画像を使ったハックでしか実装できませんでした。 アイテム間にボーダーを設置したり、交差するボーダー、交差しないボーダー、さらにはノートの罫線のように太いボーダーと細いボーダーの混在も実装できるCSSのcolumn-ruleプロパティを拡張するテクニックを紹介します。 A new way to style gaps in CSS 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに カラム間のスペースを設定するときの問題点 解決方法: CSSの新しいプロパティが便利すぎる カラム間のスペース（ギャップ）をスタイルするこれからの方法 終わりに はじめに ボーダー

[coliss]

CSS GridやFlexboxでアイテム間のスペース（ギャップ）をスタイル設定するCSSの新しいテクニック

[shingo-sasaki-0529]

gap に対してスタイルを直接適用する新しい手法。意外とこれ、これまで必要に迫られたこと無かったな。あったら便利な気はするけど。

[mayumayu_nimolove]

あ、gapに装飾するってことか / 普通にgap指定できなかったっけ？