Skip to content

[css-images] 1D "painting area" for stripes() is confusing #8160

Open
@Loirooriol

Description

@Loirooriol

stripes() keeps referring to a "painting area", e.g.

a <percentage> is relative to the painting area

But this is very confusing since an area is 2D but stripes() is a <1d-image>. And for example,

width: 0;
height: 0;
border: 50px solid;
border-radius: 100%;
border-color: stripes(blue 50%, orange 50%);

I think it would look like the image below, so the actual areas are in a proportion of 1:4, not 1:1

I think "painting area" should be renamed to something like "length of the paint line".

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