-webkit-border-radius

The   property is used in CSS and certain HTML elements. This property only works with web browsers that use WebKit as their layout engine, like Apple's Safari, as it is an Apple CSS Extension. It creates a rounded edge on all corners of the element's box. For functionality on other browsers, use  or.

Values

 * - A length value to determine the length of the border radius. Length examples are,  , etc.

HTML example:

TEXT

That produces: TEXT Viewers who are not using Safari or Chrome will not be able to view the border radius.

CSS example:

h1 { -webkit-border-radius:10px; background:white; color:black; }