Skip to content

[css-backgrounds] allow optional forward slash in border-*-radius long hands #12861

@jsnkuhn

Description

@jsnkuhn

The border-radius shorthand uses a slash to separate corner widths and heights:

border-radius: 2em 1em 4em / 0.5em 3em;

However the slash is not used in the individual border-*-radius long hands. Including the slash gets the property marked as invalid in browsers.

border-top-left-radius:     2em 0.5em;
border-top-right-radius:    1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius:  1em 3em;

This is inconsistent and as a result has confused me a number of time. Is there any reason that a slash couldn't be allowed as optional in border-*-radius long hands.

https://drafts.csswg.org/css-backgrounds/#corners

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Agenda+

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions