Posted By

jonkemp on 07/22/10


Tagged

css


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

benwellby


CSS Rounded Corners with CSS3 Border Radius


 / Published in: CSS
 

URL: http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-border-radius

Vendor prefixes and W3C standard for border-radius in CSS3.

  1. /* Mozilla */
  2.  
  3. -moz-border-radius:4px;
  4. -moz-border-radius-topleft:4px;
  5. -moz-border-radius-topright:4px;
  6. -moz-border-radius-bottomleft:4px;
  7. -moz-border-radius-bottomright:4px;
  8.  
  9. /* WebKit */
  10.  
  11. -webkit-border-radius:4px;
  12. -webkit-border-top-left-radius:4px;
  13. -webkit-border-top-right-radius:4px;
  14. -webkit-border-bottom-left-radius:4px;
  15. -webkit-border-bottom-right-radius:4px;
  16.  
  17. /* Standard */
  18.  
  19. border-radius:4px;
  20. border-top-left-radius:4px;
  21. border-top-right-radius:4px;
  22. border-bottom-left-radius:4px;
  23. border-bottom-right-radius:4px;

Report this snippet  

You need to login to post a comment.