Set border for fieldset: 8. borderless fieldsets: 9. (IE for example rounds background images and when using sprites it shows the edge of any adjacent sprites when they are not separated by more than a couple of pixels). The tag is used to draws a box around a related elements. .-= Lars Gunther´s last blog ..Högre kvalitet på webb-utbildningen på gymnasiet =-. If your Windows is set to "classic" style, you won't get the rounded corners. Fieldset border-radius ie 11 To get rounded corners for the box, many webmasters in the past have resorted to using images to give the appearance of curved corners. legend { Well, you will if you’ve got a sensible browser (see note below). Firefox current implementation differs from the W3C spec. In certain browsers (Firefox and Safari and perhaps others) you can use CSS to make rounded corners on the border around the fieldset and around the legend. A container for grouping sets of fields, rendered as a HTML fieldset element. Fieldset and Legend Example: 3. Yeah. In certain browsers (Firefox and Safari and perhaps others) you can use CSS to make rounded corners on the border around the fieldset and around the legend. However, zoom (or text-resize) is never going to get perfect results as browsers have to round up or down the differences so you will find normal elements being misplaced at extreme scaling anyway. Most browsers will display the element with the following default values: fieldset {. Put experimental features first and the standard rule last. }. The tag is used to grouping the related form elements. -webkit-border-radius: 8px; The border-radius CSS property rounds the corners of an element's outer border edge. -webkit-border-radius: 8px; Mitch - August 22, 2010. What’s the best approach to get fieldsets and legends and rounded corners working properly in IE without extra HTML markup? The moz-border-radius is understood by all mozilla based browsers such as Firefox. Question; Edit and preview HTML code with this online HTML viewer. -webkit-border-radius: 8px; Make the background of the image, the same color as your page content color, so you only see the rounded edges. I did loads of these demos about 10 years ago and there was a good article here by John which sheds some insight but is a pretty old article now. Border radius. The border-radius rule is CSS3, not yet in standard adoption by all browsers. http://itpastorn.blogspot.com/2009/06/do-not-put-experimental-features-last.html Note: The original post was published March 19 2010.The original article’s CSS3 emulator of choice was CurvyCorners. Fieldsets and labels: 7. Fieldset with rounded corners and border color By default, Internet Explorer shows the frames with rounded corners and a predefined gray color. If this is an external CSS file, do a full reload of the page (Ctrl+Shift+r) to bypass the cache. Interfaces built in html/css can be just as guilty of improperly nested corners. Form field set with legend: 4. It all depends on the design I suppose. We could do the same with a layer, but the advantage of fieldset is, at least in Firefox, to get round corners. Specify as true to have the Component inject framing elements within the Component at render time to provide a graphical rounded frame around the Component content. Discussion in 'CSS' started by hip_hop_x, Feb 5, 2008.