testing/web-platform/tests/css/css-backgrounds/reference/background-clip-content-box-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<!DOCTYPE html>
<title>CSS Backgrounds and Borders Test: background-clip Reference</title>
<link rel="author" title="James Wang" href="mailto:wangjian@ucweb.com">
<style>
#test-color-box {
  position: absolute;
  width: 180px;
  height: 180px;
  background-color: rgba(255, 165, 0, 1);
  border: 10px solid blue;
}
</style>
<p>Test passes if the orange box has a 10px width blue edge.</p>
<!-- background -->
<div id="test-color-box"></div>