Skip to content

[css-text-decor-4] text-decoration-skip-spaces #713

Description

@w07i

Specification: https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-spaces-property
Feature: text-decoration-skip-spaces (CSS Text Decoration Level 4)

Summary
text-decoration-skip-spaces (CSS Text Decoration Level 4) controls whether text decoration lines (underlines, overlines, line-throughs) are drawn over whitespace characters. The spec's initial value is start end (skip leading and trailing whitespace). Chrome is preparing to ship this property (Intent to Ship posted; tracking bug https://issues.chromium.org/issues/40862777).

Use cases
Authors commonly want to suppress the underline under leading/trailing spaces in inline elements (navigation menus, links) so the decoration visually attaches only to non-space characters. There is currently no web-standard way to control this.

Questions for WebKit

  1. Do you plan to implement text-decoration-skip-spaces?
  2. If so, which initial value would you ship? The spec defines start end, while Safari's current behavior is closer to end (per [css-text-decor-4] Variants of text-decoration-skip-spaces:end behavior, and initial value w3c/csswg-drafts#4653 — Safari skips all preserved U+0020 at line endings under white-space: pre-wrap, does not skip leading spaces, and does not skip non-breaking spaces, ideographic spaces U+3000, or figure spaces U+2007). Would you align with start end, ship end, or something else?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions