By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,639 Members | 2,340 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,639 IT Pros & Developers. It's quick & easy.

cssui proposal [originally submitted to www-style] legend & fieldset

P: n/a
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/>
Jul 20 '05 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.