<img style=”position: absolute; top=100px; left=180px;”
src=wet.jpg>
</body>
</html>
This results in the texture tiling down the side of the browser, as shown in
Figure 7-19:
Background Positioning .............................................................................
The background-position property can be specified with the following values:
left, center, right, top, and bottom. You can combine these values like this:
background-position: top right;
As you probably guessed, you can also use percentages to specify the posi-
tion of a background image. Percentages work a bit strangely because you
provide two percentages, like this:
background-position: 100% 100%;
Figure 7-19:
In this
example,
the tiling is
only
vertical,
creating a
column of
texture
down the
left side.
Chapter 7: Styling It Your Way 149
