2023-11-16 12:42:13 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2024-11-05 12:49:08 +00:00
|
|
|
<link rel="match" href="../expected/css-background-repeat-ref.html" />
|
2025-07-16 12:14:09 +02:00
|
|
|
<meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-8">
|
2023-11-16 12:42:13 +00:00
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
background: cyan;
|
|
|
|
|
}
|
|
|
|
|
iframe {
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 200px;
|
|
|
|
|
display: block;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
.background {
|
2024-11-05 12:49:08 +00:00
|
|
|
background: white url(../data/smiley.png);
|
2023-11-16 12:42:13 +00:00
|
|
|
width: 200px;
|
|
|
|
|
height: 200px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-11-05 12:49:08 +00:00
|
|
|
<iframe src="../data/background-repeat.html"></iframe>
|
|
|
|
|
<iframe src="../data/background-repeat-x.html"></iframe>
|
|
|
|
|
<iframe src="../data/background-no-repeat.html"></iframe>
|
|
|
|
|
<iframe src="../data/background-repeat-y.html"></iframe>
|
2023-11-16 12:42:13 +00:00
|
|
|
|
|
|
|
|
<div class="background" style="background-repeat: repeat"></div>
|
|
|
|
|
<div class="background" style="background-repeat: repeat-x"></div>
|
|
|
|
|
<div class="background" style="background-repeat: no-repeat"></div>
|
|
|
|
|
<div class="background" style="background-repeat: repeat-y"></div>
|
|
|
|
|
<div class="background" style="background-repeat: repeat repeat"></div>
|
|
|
|
|
<div class="background" style="background-repeat: repeat no-repeat"></div>
|
|
|
|
|
<div class="background" style="background-repeat: no-repeat no-repeat"></div>
|
|
|
|
|
<div class="background" style="background-repeat: no-repeat repeat"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
