これまで「段組みの段と段のあいだに線を引くためのプロパティ」とされてきたcolumn-ruleが、CSS GridやFlexboxで`gap`が空ける隙間にも線を引けるようになりました。borderとの違いも含め、この「隙間に線を引く」仕組みを解説します。
段組みの段間に線を引くcolumn-ruleが、CSS GridやFlexboxでも使えるようになりました。第1回は従来のcolumn-ruleを題材に、「隙間に線を引く」考え方とborderとの違いを押さえます。