11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: colors.src,v 2.7 1998-03-10 09:34:52 bbos Exp $ -->
3+ <!-- $Id: colors.src,v 2.8 1998-03-14 23:31:06 ijacobs Exp $ -->
44<HEAD>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<TITLE>Colors and backgrounds</TITLE>
@@ -162,14 +162,15 @@ P { background-image: none }
162162
163163<!-- #include src=properties/background-repeat.srb -->
164164
165- <P>If a background image is specified, this property
166- specifies whether the image is repeated (tiled), and how. Values have
167- the following meanings:</p>
165+ <P>If a background image is specified, this property specifies whether
166+ the image is repeated (tiled), and how. All tiling covers the <a
167+ href="visuren.html#box-content-area">content</a> and <a
168+ href="visuren.html#box-padding-area">padding</a> areas of a box.
169+ Values have the following meanings:</p>
168170
169171<dl>
170172<dt><strong>repeat</strong>
171- <dd>The image is repeated both horizontally and vertically: it is
172- tiled to cover the element and its padding.
173+ <dd>The image is repeated both horizontally and vertically.
173174<dt><strong>repeat-x</strong>
174175<dd>The image is repeated horizontally only.
175176<dt><strong>repeat-y</strong>
@@ -188,7 +189,7 @@ BODY {
188189</PRE>
189190<div class="figure">
190191<p><img src="images/bg-repeat.gif" alt="A centered background image,
191- with copies repeated up and down the element ">
192+ with copies repeated up and down the padding and content areas. ">
192193
193194<p class="caption">One copy of the background image is centered, and
194195other copies are put above and below it to make a vertical band behind
@@ -245,7 +246,7 @@ class="value-inst-percentage"><strong><percentage></strong></span></span>
245246class="value-inst-percentage"><strong><percentage></strong></span></span>
246247<dd> With a value pair of '0% 0%', the upper left corner of the image
247248is aligned with the upper left corner of the box's <a
248- href="visuren.html#content -edge">content edge</a>. A value pair of
249+ href="visuren.html#padding -edge">padding edge</a>. A value pair of
249250'100% 100%' places the lower right corner of the image in the lower
250251right corner of the box. With a value pair of '14% 84%', the point
25125214% across and 84% down the image is to be placed at the point 14%
0 commit comments