Your Ad Here

advanced code snippet search

Posted By

yoyurec on 01/13/09


Tagged

css corners border ROUNDED


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

jofan


Border Radius

 / Published in: CSS
 

URL: http://www.css3.info/preview/rounded-border/

Probably the most common CSS3 feature currently being used is border-radius. Standard HTML block elements are square-shaped with 90-degree corners. The CSS3 styling rule allows rounded corners to be set.

Expand | Embed | Plain Text 
  1. .round {
  2. 	-khtml-border-radius: 5px;
  3. 	-moz-border-radius:5px;
  4. 	-webkit-border-radius:5px;
  5. 	border-radius:5px;
  6. }
  7.  
  8.  
  9. ------- customize ------------------------------
  10. .round {
  11. 	-moz-border-radius-topleft: 20px;
  12. 	-moz-border-radius-topright: 20px;
  13. 	-moz-border-radius-bottomleft: 10px;
  14. 	-moz-border-radius-bottomright: 10px;
  15. 	-webkit-border-top-right-radius: 20px;
  16. 	-webkit-border-top-left-radius: 20px;
  17. 	-webkit-border-bottom-left-radius: 10px;
  18. 	-webkit-border-bottom-right-radius: 10px;
  19. }

Report this snippet  

You need to login to post a comment.