mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
a51d5de860
This property determines the background painting area, which determines the area within which the background is painted. Spec: http://dev.w3.org/csswg/css-backgrounds-3/#background-clip Fixes #6066.
34 lines
555 B
HTML
34 lines
555 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div {
|
|
background: green;
|
|
width: 200px;
|
|
height: 200px;
|
|
padding: 20px;
|
|
border-width: 10px 20px 30px 40px;
|
|
border-style: dotted;
|
|
border-color: red;
|
|
}
|
|
#foo1 {
|
|
background-clip: border-box;
|
|
}
|
|
#foo2 {
|
|
background-clip: padding-box;
|
|
}
|
|
#foo3 {
|
|
background-clip: content-box;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>background-clip: border-box;</p>
|
|
<div id=foo1></div>
|
|
<p>background-clip: padding-box;</p>
|
|
<div id=foo2></div>
|
|
<p>background-clip: content-box;</p>
|
|
<div id=foo3></div>
|
|
</body>
|
|
</html>
|
|
|