W3C home > Mailing lists > Public > www-style@w3.org > January 1999

Re: 24. Gradient & stretched backgrounds

From: Ian Hickson <py8ieh@bath.ac.uk>
Date: Fri, 29 Jan 1999 14:46:40 +0000 (BST)
To: Rasmus Kaj <rasmus@kaj.a.se>
cc: davidp@earthlink.net, www-style@w3.org, kaj@interbizz.se
Message-ID: <Pine.GSO.4.04.9901291353280.18258-100000@ss1.bath.ac.uk>

On Fri, 15 Jan 1999, Rasmus Kaj wrote some suggestions for changes to
the suggested change of the change that I suggested based on change 24
in the list of suggested changes to CSS written by the WG.

Ahem.

Anyway, he wrote:
> I'd like to suggest a further change in this, so that in the
> y-direction the image is neither fitted or repeated, unless repeat-y
> is given. The same change applies to fit-y (and repeat-[xy])
Good idea.

Here is the updated background-repeat. Since it has now been changed
considerably, I have not included [INS:] and [DEL:] markers.

---------------------------------------------------8<----------------------
  
 'background-repeat'
    Value:       repeat | repeat-x | repeat-y | no-repeat | 
                 [ fit-x repeat-y? ] | [ fit-y repeat-x? ] |
                 fit | inherit
    Initial:     repeat
    Applies to:  all elements
    Inherited:   no
    Percentages: N/A
    Media:       visual
         
If a background image is specified, this property specifies whether
the image is repeated (tiled), scaled to fit (stretched) or both, and
how. If 'background-attachment' has the value 'scroll', then the
image is repeated or scaled so as to cover the entire content and
padding area of the box. If 'background-attachment' has the value
'fixed', then the image is repeated or scaled so as to cover the
viewport. Note that even if the image is repeated or scaled so as to
cover the viewport, it is still only visible where the background or
padding area of the element is actually visible on the viewport.

Values have the following meanings:

  repeat-x
         The image is repeated horizontally. The position of the first
         image, where the repeating should start, is given by the
         'background-position' property.

  repeat-y
         Analogous to 'repeat-x', but in the vertical direction.
    
  fit-x  
         The image is scaled horizontally so that only one copy of the
         image covers the entire area. The value given for the
         horizontal component of the 'background-position' property
         should be ignored.

  fit-y
         Analogous to 'fit-x', but vertically. During incremental
         rendering, if the final vertical size of the element is not
         yet known (i.e., the value of the 'height' property is
         'auto'), then the UA may ignore this value. (They should not,
         however, treat it as 'repeat-y'.) This will prevent the need
         for stretch calculations to be repeatedly performed.
         
  repeat
         The image is repeated in both directions, as if 'repeat-x'
         and 'repeat-y' were both set.
         
  fit   
         The image is scaled to fit the entire area, as if 'fit-x' and
         fit-y' were both set. During incremental rendering, this may
         be treated as 'fit-x' (see the discussion under the
         explanation of 'fit-y').
    
  no-repeat
         The image is neither repeated or scaled to fit, thus only one
         copy of the image is drawn (using its intrinsic dimensions).
         The position of the image is given by 'background-position'.

When the value of 'background-image' is a graphic without intrinsic
dimensions (for example some vector graphics may lack this
information), then the UA may replace the value given for the
horizontal direction by 'fit-x', keeping the aspect ratio correct for
the vertical direction.

It is an error for authors to use graphics without intrinsic
dimensions for 'background-image' if 'background-repeat' has any value
other than 'fit'.

---------------------------------------------------8<----------------------

Note that I have attempted to make this property as
backwards-compatible as possible. Therefore, the following value:

   background-repeat: repeat-x repeat-y;

...is not allowed by this suggestion.

-- 
Ian Hickson
Received on Friday, 29 January 1999 09:47:00 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:53:58 GMT