Skip to content

[css-lists] 'marker-side' values have confusing names #5308

@Loirooriol

Description

@Loirooriol

https://drafts.csswg.org/css-lists/#marker-side defines marker-side: match-self and marker-side: match-parent.

However, marker-side in an inherited property, so one could set it in the list element like

ol {
  marker-side: match-self;
}

expecting that match-self will use the directionality of the ol. But marker-side applies to the list item, so the author should actually use

ol {
  marker-side: match-parent;
}

even if it may seem to mean that it will use the directionality of ol's parent.

It can also be confusing because direction applies to ::marker. So somebody could think that marker-side: match-self refers to the ::marker and marker-side: match-parent refers to the ::marker's parent (i.e. the list item).

I think something like marker-side: match-list-item and marker-side: match-list would be much clearer.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions