Fandom

HTML & CSS Wiki

-webkit-border-radius

649pages on
this wiki
Add New Page
Comments0 Share

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

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.