Ok, here it goes. Originally I submitted this proposal to www-style.
Since I don't get feedback there, I think I missed a few (maybe a lot)
of points.
Proposal:
<http://lists.w3.org/Archives/Public/www-style/2003Nov/0096.html> (for
some strange reason I can't post to that list myself)
The first point I missed was of course that CSS3UI is not planning to do
anything with FIELDSET and LEGEND
(<http://www.w3.org/TR/css3-ui/#scope>), which I think is a shame, since
these are 'form elements' where it is not a real problem if you get
'total control' over them.
I post it here, which will hopefully makes it easier to quote from. I
modified it a little (maybe not at all):
*Additional values for the 'display' property*
Name: display
New Values: fieldset | inline-fieldset | legend
Initial: inline
Applies to: all elements
Inherited: no
Percentages: N/A
Media all
fieldset
Equal to the HTML equivalent <fieldset/>
inline-fieldset
Equal to the HTML equivalent <fieldset/> with 'display:inline-block;'
applied to it.
legend
Equal to the HTML equivalent <legend/>.
These three are defined in HTML401 and CSS21:
-
<http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#h-17.10>
- <http://www.w3.org/TR/2003/WD-CSS21-20030915/visuren.html#display-prop>
*'legend-position' property'*
Name: legend-position
Values: [ [top | bottom | left | right] ||
[<percentage> | <length>]* ]
Initial: top
Applies to: elements with display:legend;
Inherited: no
Percentages: refer to the size of it's parent
Media visual
top, bottom, left and right
Same as
<http://www.w3.org/TR/html401/interact/forms.html#adef-align-LEGEND>
(note the other optional values should be described here, I'm not sure
how to do that)
This property applies to all legend elements (display:legend;). It
specifies the position of the legend element within it.
Example:
HTML
<outer>
<inner/>
</outer>
CSS
outer{ display:fieldset; }
inner{ display:legend; }
outer{ legend-position:bottom 40px; /* 40px to the right from the
bottom-left edge of the 'outer'
element */
}
outer{ legend-position:right 50%; /* 50% down from the top-right
edge of the 'outer' element */
}
*Addtional values for the 'appearance' property*
Name: appearance
New Values: fieldset | inline-fieldset | legend
Initial: inline
Applies to: all elements
Inherited: no
Percentages: N/A
Media interactive
fieldset
Specifies the default system style for the fieldset elements.
inline-fieldset
specifies the default system style for the inline-fieldset elements.
legend
Specifies the default system style for the legend elements.
*HTML UA STYLE SHEET*
The HTML UA style sheet can be extended in the following way:
fieldset{
display:fieldset;
appearance:fieldset;
}
legend{
display:legend;
appearance:legend;
legend-position:top;
}
legend[align]{
legend-position:attr(align);
}
Thanks in advance. I hope you can help me out, writing something better
for www-style :-)
--
Anne van Kesteren
<http://www.annevankesteren.nl/>