Blitz - WPT: border-width-hairline.html

wpt / css / css-borders / border-width-hairline.html

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

Subtest	Status	Message
e.style['border'] = "hairline dotted green" should set the property value	FAIL	assert_not_equals: property should be set got disallowed value ""
e.style['border-width'] = "5px hairline" should set the property value	FAIL	assert_not_equals: property should be set got disallowed value ""
e.style['border-width'] = "hairline" should set the property value	FAIL	assert_not_equals: property should be set got disallowed value ""
e.style['border-left-width'] = "hairline" should set the property value	FAIL	assert_not_equals: property should be set got disallowed value ""
Computed hairline width is within bounds	FAIL	assert_less_than_equal: expected a number less than or equal to 1 but got 3

Enable JavaScript in test iframe

/css/css-borders/border-width-hairline.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Borders and Box Decorations Test: border-width with hairline"</title>
<link rel="author" title="Eyvind Lillesveen" href="mailto:eyvind.lillesveen@gmail.com">
<link rel="help" href="https://drafts.csswg.org/css-borders-4/#valdef-line-width-hairline">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<style>
    #t {
        border-left-style: solid;
        border-left-width: hairline;
    }
</style>
<div id="t"></div>
<script>
    test_valid_value("border", "hairline dotted green");
    test_valid_value("border-width", "5px hairline");
    test_valid_value("border-width", "hairline");
    test_valid_value("border-left-width", "hairline");

    test(() => {
        const pixels = Number(getComputedStyle(t).borderLeftWidth.replace("px", ""));
        assert_less_than_equal(pixels, 1)
        assert_greater_than(pixels, 0)
    }, "Computed hairline width is within bounds");
</script>
</body>
</html>