blob: c31cf38709f5c4138fdbef895e46210794a2a2e8 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en">
<head>
<style>
div {
border-style: solid;
border-width: 20px;
}
#wrapper {
border-color: blue;
height: 380px;
width: 600px
}
#wrapper > div {
height: 60px;
width: 520px;
margin: 20px;
}
#initial { border-color: initial; }
#inherit { border-color: inherit; }
#unset { border-color: unset; }
</style>
</head>
<body>
<div id="wrapper">
<div id="initial">
This box should have an initial colored 20px border via the `initial` keyword.
</div>
<div id="inherit">
This box should have a blue-colored 20px border via the `inherit` keyword.
</div>
<div id="unset">
This box should have an initial colored 20px border via the `unset` keyword.
</div>
</div>
</body>
</html>