Rounded Corners

Standard: -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ Individual Corners: -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 0; Shorthand: -moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left] -moz-border-radius: 10px 20px 30px 0; Elliptical Rounding (Firefox 3.5+): -moz-border-radius-topleft: [horizontal radius] … Continue reading Rounded Corners