Blitz - WPT: word-spacing-valid.html

wpt / css / css-text / parsing / word-spacing-valid.html

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

Subtest	Status	Message
e.style['word-spacing'] = "normal" should set the property value	PASS
e.style['word-spacing'] = "0" should set the property value	PASS
e.style['word-spacing'] = "10px" should set the property value	PASS
e.style['word-spacing'] = "-20px" should set the property value	PASS
e.style['word-spacing'] = "calc(2em + 3ex)" should set the property value	PASS
e.style['word-spacing'] = "120%" should set the property value	PASS
e.style['word-spacing'] = "-10%" should set the property value	PASS
e.style['word-spacing'] = "calc(2ch - 30%)" should set the property value	PASS
e.style['word-spacing'] = "calc(40% + 50px)" should set the property value	PASS

Enable JavaScript in test iframe

/css/css-text/parsing/word-spacing-valid.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text Module Test: parsing word-spacing with valid values</title>
<link rel="help" href="https://www.w3.org/TR/css-text-3/#propdef-word-spacing">
<meta name="assert" content="word-spacing supports the full grammar 'normal | <length-percentage>'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_valid_value("word-spacing", "normal");
test_valid_value("word-spacing", "0", "0px");

test_valid_value("word-spacing", "10px");
test_valid_value("word-spacing", "-20px");
test_valid_value("word-spacing", "calc(2em + 3ex)");

// Level 4 adds percentages
test_valid_value("word-spacing", "120%");
test_valid_value("word-spacing", "-10%");
test_valid_value("word-spacing", "calc(2ch - 30%)", "calc(-30% + 2ch)");
test_valid_value("word-spacing", "calc(40% + 50px)");
</script>
</body>
</html>