<!DOCTYPE html>
<html>
<!--
spec: http://dev.w3.org/csswg/css3-background/#the-background-repeat
-->
<head>
<title>background-repeat single value mapping</title>
<style>
div
{
    width: 128px;
    height: 128px;
    background-image: url(aqua-yellow-32x32.png);
    border: 1px solid black;
}
#no_repeat
{
    background-repeat: no-repeat no-repeat; /* no-repeat */
}
#repeat
{
    background-repeat: repeat repeat;  /* repeat */
}
#repeat_x
{
    background-repeat: repeat no-repeat; /* repeat-x */
}
#repeat_y
{
    background-repeat: no-repeat repeat; /* repeat-y */
}
</style>
</head>
<body>
    <div id="no_repeat"></div>
    <div id="repeat"></div>
    <div id="repeat_x"></div>
    <div id="repeat_y"></div>
</body>
</html>