Rounded corners in HTML with CSS
All corners rounded
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
CSS3 specification: border-radius, -moz-border-radius for Mozilla browsers and -webkit-border-radius for webkit based browsers (Google Chrome, Apple's Safari)
Separated rounded corners
border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
Compatibility: Mozilla Firefox, Safari 5+, Google Chrome, Opera 10.5+
Does not work in Internet Explorer
Latest news
- - S5 Slide Show System: PowerPoint on Linux
- - µTorrent for Linux
- - Linux audio tagger
- - Gnome 3 release date - interview with Stormy Peters
- - Ubuntu Maverick Meerkat Beta Released
- - Ubuntu Maverick Meerkat frozen
- - Tab Candy for Firefox
- - Ubuntu font launched for beta testing
- - Interview with Richard Stallman
- - Linux Mint 9 KDE released
- - Gnome 3 release date delayed to march 2011