Skip to content

[css-shapes-1] XYWH rounding should be calculated against inner box, not outer #11401

Open
@cofenster-michal

Description

@cofenster-michal

The optional <<'border-radius'>> argument(s)

The optional <<'border-radius'>> argument(s)
define rounded corners for the inset rectangle
using the 'border-radius' shorthand syntax.

It's not specified and I believe it should whether border-radius percentage values should be calculated based on inset rectangle or its outer box.

#example {
  width: 100px;
  height: 300px;
  background: red;
  clip-path: xywh(0% 0% 100% 33.3% round 50%)
}

image

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions