-webkit-border-radius

The -webkit-border-radius 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 border-radius or -moz-border-radius.

Values

• <length> - A length value to determine the length of the border radius. Length examples are px, em, etc.

HTML example:

<span style="-webkit-border-radius:10px; background:white; color:black;">TEXT</span>

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;
}