1. CSS 3 Ramkumar Lakshminarayanan

10. Example Use an image to create a border around a div element: div { border-image:url(border.png) 30 30 round; -moz-border-image:url(border.png) 30 30 round; /* Firefox */ -webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */ }

11. New Border Properties Property Description CSS border-image A shorthand property for setting all the border-image-* properties 3 border-radius A shorthand property for setting all the four border-*-radius properties 3 box-shadow Attaches one or more drop-shadows to the box 3

13. CSS3 Backgrounds

16. Example div { background:url(img_flwr.gif); -moz-background-size:80px 60px; /* Firefox 3.6 */ background-size:80px 60px; background-repeat:no-repeat; }

17. Example2 div { background:url(img_flwr.gif); -moz-background-size:100% 100%; /* Firefox 3.6 */ background-size:100% 100%; background-repeat:no-repeat; }

19. Example Position the background image within the content-box: div { background:url(img_styl.jpg); background-repeat:no-repeat; background-size:100% 100%; -webkit-background-origin:content-box; /* Safari */ background-origin:content-box; }

21. New Background Properties Property Description CSS background-clip Specifies the painting area of the background images 3 background-origin Specifies the positioning area of the background images 3 background-size Specifies the size of the background images 3