Christopher wrote:
> Can you put round corners on borders?
Christopher,
Rounded corners (sans images) may be achieved in most modern browsers
(excluding mobile browsers and text-based browsers, of course) with the
following code:
p {
/* Rounded Corners */
border-radius: 9px; /* CSS 3 */
-o-border-radius: 9px; /* Opera */
-icab-border-radius: 9px; /* iCab */
-khtml-border-radius: 9px; /* Konqueror */
-moz-border-radius: 9px; /* Firefox */
-webkit-border-radius: 9px; /* Safari */
}
As you might expect, none of this will work for any version of our old
friend, Internet Explorer and since this code uses the additional
proprietary syntaxes, it will not validate.
Support for this is expected as part of CSS 3 and some of the browsers
above may already be using the new syntax (I haven't checked in a while).
If you find you /must/ support Internet Explorer, you have to use images
and various hacks within your HTML source code to achieve this. A web
search for "CSS rounded corners" will return a veritable plethora of
code examples for you to study and implement 'til your heart's content.
Good luck.
Bill
--
/**
* Bill Brown
* TheHolierGrail.com & MacNimble.com
* From dot concept...to dot com...since 1999.
***********************************************/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
