30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>
|
|
Test for https://bugs.webkit.org/show_bug.cgi?id=211672. The intention of this test is to ensure variables are
|
|
usable as values in the `border-block-start`, `border-block-end`, `border-inline-start`, and `border-inline-end`
|
|
properties.
|
|
</title>
|
|
<link rel="author" title="Tyler Wilcock" href="mailto:twilco.o@protonmail.com"/>
|
|
<meta name="assert" content="There is a 50px solid green border line around all sides of the div." />
|
|
<style>
|
|
div {
|
|
width: 100px;
|
|
height: 100px;
|
|
--border-width-px: 50px;
|
|
--border-style: solid;
|
|
--border-color: green;
|
|
border-block-start: var(--border-width-px) var(--border-style) var(--border-color);
|
|
border-block-end: var(--border-width-px) var(--border-style) var(--border-color);
|
|
border-inline-start: var(--border-width-px) var(--border-style) var(--border-color);
|
|
border-inline-end: var(--border-width-px) var(--border-style) var(--border-color);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
</div>
|
|
</body>
|
|
</html>
|