Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • stream
    • projects
    • website design
    • code notes
Blog Web Dev CSS Rounded Corners

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
   }

 

Posted on June 25, 2012August 26, 2022 in Web Dev

drempd | san diego, ca


home contact

adventures san diego projects stream website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance