Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
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
  • Adventure

    • adventure
    • gravelgrinding
    • hiking
    • running
  • The Built Environment

    • architecture
    • urbanity
  • Locations

    • san diego
    • portland
  • Freelance Life

    • freelancing
    • productivity
  • Web Dev

    • css
    • entrepreneurship
    • git
    • handlebars
    • html
    • inkscape
    • photoshop
    • php
    • sass
    • web design
    • web development
    • saphire

drempd | san diego, ca


home contact

adventures san diego urbanity and architecture projects stream website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance