Skip to content

[css-gaps-1] Introduction of auto for rule-break properties. #13127

@jav099

Description

@jav099

We would like to introduce an auto keyword for the rule-break properties.

The goal is for auto to become the initial value for all rule-break longhands, with its resolved value depending on the layout type and axis. This makes the behavior future-extensible across layout models, and allows us control the default behavior to preserve reading behavior across different layout types.

Proposed resolution behavior

Grid containers

For grids, the default behavior would align naturally with how spanning items interrupt gap decorations:

  • rule-break: auto
    • column-rule-break: autospanning-item
    • row-rule-break: autospanning-item

Flex containers

Flex layouts do not have spanning behavior, so auto resolves to no interruptions:

  • rule-break: auto
    • column-rule-break: autonone
    • row-rule-break: autonone

Multicol containers

For multicol layouts, auto would currently resolve the same as Flex (pending resolutions in related issues):

  • rule-break: auto
    • column-rule-break: autonone
      (subject to change depending on future multicol decisions)
    • row-rule-break: autonone

Even though today many of these resolved values would look similar across layout types, defining auto now makes the model extensible if new break behaviors or layout models are added in the future.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions