mirror of
https://github.com/servo/servo.git
synced 2025-06-25 17:44:33 +01:00
b0492f53af
Fixes the glitches mentioned in #19554. Now gradient tiles are placed in the whole bounding box.
22 lines
611 B
HTML
22 lines
611 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Gradient Background aligned to Content Box</title>
|
|
<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-origin">
|
|
<link rel="match" href="gradient-content-box-ref.html">
|
|
<meta name="assert" content="The background-origin: content-box; statement is understood.">
|
|
<style>
|
|
#x {
|
|
background-origin: content-box;
|
|
width: 200px;
|
|
height: 200px;
|
|
padding: 40px;
|
|
background-image: repeating-linear-gradient(to bottom right, white, black, white 30px);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="x"></div>
|
|
</body>
|
|
</html>
|