[CSS21] Addition of 2 values to the visibility property

CSS2 > Visual effects > Visibility

Rationale: Right now one of the most common methods to replace text with 
and image in an accessible way is to put the image as a background and 
indent the text, as proposed by Mark Rundel of Phark 
(http://phark.typepad.com/phark/2003/08/accessible_imag.html)
The idea behind this is to only show the background of the box while 
hiding the foreground.

The proposal is the addition of two new values to the visibility 
property in CSS: foreground and background.

foreground
The foreground content of the generated box (including borders) are 
visible, but the background content is invisible. The visibility of 
descendents, being placed on the foreground of the box, is 'visible', 
unless a different visibility is specified.

background
The background content of the generated box (including borders) are 
visible, but the foreground content is invisible. The visibility of 
descendents, being placed on the foreground of the box, is 'hidden', 
unless a different visibility is specified.

The full set of values for the visibility properties would then be: 
visible | foreground | background | hidden | collapse | inherit
I'd like to hear your opinions.

Damian

Received on Thursday, 26 June 2008 21:25:41 UTC