ROUND BORDER CORNERS

It was not that Long ago when HTML developers had to I use images and tables just to produce seamless rounded borders. Thanks to CSS3, you can now modify any element that supports the border property and render rounded borders with border-radius.

The border-width, border-style, and border-color properties, or the border shorthand property, must first be applied before you can set the border-radius property.

Because this feature has only recently been standardized in CSS3, the actual property name varies depending on the web browser engine version. Older WebKit browsers such as Chrome and Safari use the -webkit- prefix, and older Mozilla browsers such as Firefox use the -moz- prefix. Newer versions of these browsers, plus ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.