[css-gaps-1] Gaps around the edges of a container

[kbabbitt]

Originally posted by @yisibl in #12602

I actually have another case where I'm unsure if gap decorations can achieve this layout.

It will include the outermost border, but in reality, the gap does not exist at these positions. However, perhaps a virtual gap track could be extended?

Currently, I'm using grid gaps combined with outlines, but this approach isn't very elegant.

• Demo 1: From iconfont.cn
  

• Demo 2: Frome Google fonts
  

Once we have the ability to control gap decoration items in empty areas, the above use cases would become almost possible. The missing piece would be to have gap decorations around the edges of a container.

Proposal is to introduce column-edge-gap and row-edge-gap, with initial value of 0, which accept <length-percentage [0,∞]>. We don't need the normal keyword because we don't want to differentiate between multi-col and other containers; for back-compat all should have no gaps around the edges by default.

[yisibl]

Thank you for submitting this issue.

We need to discuss whether column/row-edge-gap affects the layout.