<meta charset="utf-8">

<title>CSS Color 4: deprecated system colors</title>

<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">

<link rel="help" href="https://drafts.csswg.org/css-color-4/#deprecated-system-colors">

<link rel="match" href="deprecated-sameas-ButtonBorder-ref.html">

<meta name="assert" content="Same as ButtonBorder.">

.test { background-color: red; width: 12em; height: 6em; }

.ref { background-color: ButtonBorder; width: 12em; height: 6em; }

@supports (color: WindowFrame) {

.test { background-color: WindowFrame; }

}

<p>Test passes if you see a square, not two rectangles of different colors; and no red.</p>

<div class="test"></div>

<div class="ref"></div>