border-shape-valid.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 12 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /css/css-borders/tentative/parsing/border-shape-valid.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-shape' with valid values</title>

<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-shape">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/css/support/parsing-testcommon.js"></script>

<script>

test_valid_value("border-shape", "none");

test_valid_value("border-shape", "circle()");

test_valid_value("border-shape", "circle(closest-corner at 20px 50px)");

test_valid_value("border-shape", "circle(farthest-corner at center)", "circle(farthest-corner at center center)");

test_valid_value("border-shape", "ellipse(closest-corner farthest-corner at 20px 50px)");

test_valid_value("border-shape", "polygon(10px 10px, 100px 10px, 10px 100px)");

test_valid_value("border-shape", "shape(from 0px 0px, hline to 100px, vline to 100px, close)");

test_valid_value("border-shape", "circle() circle()");

test_valid_value("border-shape", "circle() polygon(10px 10px, 100px 10px, 10px 100px)");

test_valid_value("border-shape", "circle(closest-corner) ellipse(farthest-corner closest-corner)");

test_valid_value("border-shape", "circle() border-box circle() content-box");

test_valid_value("border-shape", "circle() margin-box circle() view-box");

</script>