CSS Rounded Corners
By Forrest Smith - Drempd.com
Rounding All Corners of an Element:
Basic rounded corners (all corners of the element will be rounded):
#example { -moz-border-radius: 15px; //Mozilla tag border-radius: 15px; //Standard tag for all browsers }
Targeting Specific Corners:
Both W3C and Mozilla specifications are given. Both will need to be listed for the rounded corners to be seen in all browsers.
W3C | Mozilla |
border-radius | -moz-border-radius |
border-top-left-radius | -moz-border-radius-topleft |
border-top-right-radius | -moz-border-radius-topright |
border-bottom-right-radius | -moz-border-radius-bottomright |
border-bottom-left-radius | -moz-border-radius-bottomleft |
#example { -moz-border-radius-topleft: 15px; //Mozilla tag border-top-left-radius: 15px; //Standard tag for all browsers }
-
Adventure
-
The Built Environment
-
Locations
-
Web Dev