wpt / css / css-logical / parsing / border-block-color-invalid.html

Status: PASS | Duration: 54ms | Subtests: 15/15 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (15/15)

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

SubtestStatusMessage
e.style['border-block-start-color'] = "#12" should not set the property valuePASS
e.style['border-block-start-color'] = "auto" should not set the property valuePASS
e.style['border-block-start-color'] = "red green" should not set the property valuePASS
e.style['border-block-start-color'] = "rgb" should not set the property valuePASS
e.style['border-block-start-color'] = "rgb(1,2,3,4,5)" should not set the property valuePASS
e.style['border-block-start-color'] = "rgb(10%, 20, 30%)" should not set the property valuePASS
e.style['border-block-end-color'] = "#123456789" should not set the property valuePASS
e.style['border-block-end-color'] = "123" should not set the property valuePASS
e.style['border-block-end-color'] = "hsla(1,2,3,4,5)" should not set the property valuePASS
e.style['border-block-end-color'] = "red, green" should not set the property valuePASS
e.style['border-block-end-color'] = "rgb(1)" should not set the property valuePASS
e.style['border-block-end-color'] = "rgba(-2, 300, 400%, -0.5)" should not set the property valuePASS
e.style['border-block-color'] = "auto" should not set the property valuePASS
e.style['border-block-color'] = "lime, transparent" should not set the property valuePASS
e.style['border-block-color'] = "red green blue" should not set the property valuePASS

/css/css-logical/parsing/border-block-color-invalid.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Logical Properties and Values: parsing border-block-color with invalid values</title>
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-block-color">
<meta name="assert" content="border-block-color supports only the grammar '<color>{1,2}'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_invalid_value("border-block-start-color", "#12");
test_invalid_value("border-block-start-color", "auto");
test_invalid_value("border-block-start-color", "red green");
test_invalid_value("border-block-start-color", "rgb");
test_invalid_value("border-block-start-color", "rgb(1,2,3,4,5)");
test_invalid_value("border-block-start-color", "rgb(10%, 20, 30%)");
test_invalid_value("border-block-end-color", "#123456789");
test_invalid_value("border-block-end-color", "123");
test_invalid_value("border-block-end-color", "hsla(1,2,3,4,5)");
test_invalid_value("border-block-end-color", "red, green");
test_invalid_value("border-block-end-color", "rgb(1)");
test_invalid_value("border-block-end-color", "rgba(-2, 300, 400%, -0.5)");
test_invalid_value("border-block-color", "auto");
test_invalid_value("border-block-color", "lime, transparent");
test_invalid_value("border-block-color", "red green blue");
</script>
</body>
</html>