10BC0 [css-align] gap properties for block layout · Issue #3068 · w3c/csswg-drafts · GitHub
[go: up one dir, main page]

Skip to content

[css-align] gap properties for block layout #3068

@benface

Description

@benface

From the CSS Box Alignment Module Level 3 Editor’s Draft:

The gap property, and its row-gap and column-gap sub-properties, provide this functionality for multi-column, flex, and grid layout.

Shouldn't gap and row-gap be functional in block layout too?

e.g.

<ul style="row-gap: 2em;">
    <li>
        No space above this item
    </li>
    <li>
        Space between this item and the ones above and below it
    </li>
    <li>
        No space below this item
    </li>
</ul>

Of course you can get the same effect with margins, but the gap properties are considerably more elegant/cleaner.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0