wpt / css / css-pseudo / parsing / marker-supported-properties.html

Status: FAIL | Duration: 73ms | Subtests: 0/67 | Open test on wpt.live | wpt.fyi

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
Property font value 'italic small-caps 900 expanded 25px / 50px Ahem' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-family value 'Ahem' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-feature-settings value '"smcp"' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-kerning value 'none' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-size value '25px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-size-adjust value '1' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-stretch value 'expanded' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-style value 'italic' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-synthesis value 'none' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-synthesis-small-caps value 'none' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-synthesis-style value 'none' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-synthesis-weight value 'none' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-variant value 'small-caps' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-variant-caps value 'small-caps' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-variant-east-asian value 'full-width' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-variant-ligatures value 'historical-ligatures' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-variant-numeric value 'slashed-zero' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-variant-position value 'sub' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property font-weight value '900' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property line-height value '50px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property white-space value 'nowrap' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property color value 'rgb(0, 100, 200)' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property text-combine-upright value 'all' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property unicode-bidi value 'plaintext' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property direction value 'rtl' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property content value '"foo"' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation value '1s linear 2s infinite alternate forwards paused anim' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-delay value '1s' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-direction value 'alternate' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-duration value '2s' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-fill-mode value 'forwards' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-iteration-count value 'infinite' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-name value 'anim' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-play-state value 'paused' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-timing-function value 'linear' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-composition value 'add' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-range value 'contain 10px cover 20px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-range-start value 'contain 10px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-range-end value 'cover 20px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property animation-timeline value 'scroll()' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property transition value 'display 1s linear 2s' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property transition-delay value '1s' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property transition-duration value '2s' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property transition-property value 'display' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property transition-timing-function value 'linear' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property hyphens value 'none' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property letter-spacing value '10px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property line-break value 'anywhere' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property overflow-wrap value 'anywhere' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property tab-size value '10px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property text-transform value 'uppercase' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property word-break value 'break-word' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property word-spacing value '10px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property text-decoration-skip-ink value 'none' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property text-emphasis value 'dot rgb(0, 255, 0)' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property text-emphasis-color value 'rgb(0, 255, 0)' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property text-emphasis-position value 'under left' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property text-emphasis-style value 'dot' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property text-shadow value 'rgb(0, 255, 0) 1px 2px 3px' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property cursor value 'move' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property display value 'none' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property position value 'absolute' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property float value 'right' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property list-style value 'inside url('foo') decimal' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property list-style-image value 'url('foo')' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property list-style-position value 'inside' in ::markerFAILcannot convert 'null' or 'undefined' to object
Property list-style-type value 'decimal' in ::markerFAILcannot convert 'null' or 'undefined' to object

/css/css-pseudo/parsing/marker-supported-properties.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Pseudo-Elements Test: Supported properties in ::marker</title>
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<meta name="assert" content="This test checks that only certain properties apply to ::marker pseudo-elements." />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
<div id="log"></div>
<ul>
  <li id="target">target</li>
</ul>
<script>
// ::marker supports all font properties.
test_pseudo_computed_value("::marker", "font", "italic small-caps 900 expanded 25px / 50px Ahem",
  ["italic small-caps 900 expanded 25px / 50px Ahem", "italic small-caps 900 expanded 25px/50px Ahem"]);
test_pseudo_computed_value("::marker", "font-family", "Ahem");
test_pseudo_computed_value("::marker", "font-feature-settings", "\"smcp\"");
test_pseudo_computed_value("::marker", "font-kerning", "none");
test_pseudo_computed_value("::marker", "font-size", "25px");
test_pseudo_computed_value("::marker", "font-size-adjust", "1");
test_pseudo_computed_value("::marker", "font-stretch", "expanded", ["expanded", "125%"]);
test_pseudo_computed_value("::marker", "font-style", "italic");
test_pseudo_computed_value("::marker", "font-synthesis", "none");
test_pseudo_computed_value("::marker", "font-synthesis-small-caps", "none");
test_pseudo_computed_value("::marker", "font-synthesis-style", "none");
test_pseudo_computed_value("::marker", "font-synthesis-weight", "none");
test_pseudo_computed_value("::marker", "font-variant", "small-caps");
test_pseudo_computed_value("::marker", "font-variant-caps", "small-caps");
test_pseudo_computed_value("::marker", "font-variant-east-asian", "full-width");
test_pseudo_computed_value("::marker", "font-variant-ligatures", "historical-ligatures");
test_pseudo_computed_value("::marker", "font-variant-numeric", "slashed-zero");
test_pseudo_computed_value("::marker", "font-variant-position", "sub");
test_pseudo_computed_value("::marker", "font-weight", "900");

// `line-height` is not a font property but is a longhand of `font`, and is also supported.
test_pseudo_computed_value("::marker", "line-height", "50px", "50px");

// ::marker supports `white-space`
test_pseudo_computed_value("::marker", "white-space", "nowrap");

// ::marker supports `color`
test_pseudo_computed_value("::marker", "color", "rgb(0, 100, 200)");

// ::marker supports `text-combine-upright`, `unicode-bidi` and `direction`
test_pseudo_computed_value("::marker", "text-combine-upright", "all");
test_pseudo_computed_value("::marker", "unicode-bidi", "plaintext");
test_pseudo_computed_value("::marker", "direction", "rtl");

// ::marker supports `content`
test_pseudo_computed_value("::marker", "content", "\"foo\"");

// ::marker supports animation properties.
test_pseudo_computed_value("::marker", "animation", "1s linear 2s infinite alternate forwards paused anim");
test_pseudo_computed_value("::marker", "animation-delay", "1s");
test_pseudo_computed_value("::marker", "animation-direction", "alternate");
test_pseudo_computed_value("::marker", "animation-duration", "2s");
test_pseudo_computed_value("::marker", "animation-fill-mode", "forwards");
test_pseudo_computed_value("::marker", "animation-iteration-count", "infinite");
test_pseudo_computed_value("::marker", "animation-name", "anim");
test_pseudo_computed_value("::marker", "animation-play-state", "paused");
test_pseudo_computed_value("::marker", "animation-timing-function", "linear");
test_pseudo_computed_value("::marker", "animation-composition", "add");

test_pseudo_computed_value("::marker", "animation-range", "contain 10px cover 20px");
test_pseudo_computed_value("::marker", "animation-range-start", "contain 10px");
test_pseudo_computed_value("::marker", "animation-range-end", "cover 20px");
test_pseudo_computed_value("::marker", "animation-timeline", "scroll()");

// ::marker supports transition properties.
test_pseudo_computed_value("::marker", "transition", "display 1s linear 2s");
test_pseudo_computed_value("::marker", "transition-delay", "1s");
test_pseudo_computed_value("::marker", "transition-duration", "2s");
test_pseudo_computed_value("::marker", "transition-property", "display");
test_pseudo_computed_value("::marker", "transition-timing-function", "linear");

// ::marker supports text properties.
test_pseudo_computed_value("::marker", "hyphens", "none");
test_pseudo_computed_value("::marker", "letter-spacing", "10px");
test_pseudo_computed_value("::marker", "line-break", "anywhere");
test_pseudo_computed_value("::marker", "overflow-wrap", "anywhere");
test_pseudo_computed_value("::marker", "tab-size", "10px");
test_pseudo_computed_value("::marker", "text-transform", "uppercase");
test_pseudo_computed_value("::marker", "word-break", "break-word");
test_pseudo_computed_value("::marker", "word-spacing", "10px");

// ::marker supports inherited text decoration properties.
test_pseudo_computed_value("::marker", "text-decoration-skip-ink", "none");
test_pseudo_computed_value("::marker", "text-emphasis", "dot rgb(0, 255, 0)");
test_pseudo_computed_value("::marker", "text-emphasis-color", "rgb(0, 255, 0)");
test_pseudo_computed_value("::marker", "text-emphasis-position", "under left");
test_pseudo_computed_value("::marker", "text-emphasis-style", "dot");
test_pseudo_computed_value("::marker", "text-shadow", "rgb(0, 255, 0) 1px 2px 3px");

// ::marker supports `cursor`.
test_pseudo_computed_value("::marker", "cursor", "move");

// ::marker does NOT support layout properties
test_pseudo_computed_value("::marker", "display", "none", ["block", "inline", "inline-block"]);
test_pseudo_computed_value("::marker", "position", "absolute", "static");
test_pseudo_computed_value("::marker", "float", "right", "none");

// ::marker does NOT support list properties despite being affected by them,
// they apply to the list item instead.
test_pseudo_computed_value("::marker", "list-style", "inside url('foo') decimal", "outside none disc");
test_pseudo_computed_value("::marker", "list-style-image", "url('foo')", "none");
test_pseudo_computed_value("::marker", "list-style-position", "inside", "outside");
test_pseudo_computed_value("::marker", "list-style-type", "decimal", "disc");
</script>