The CSS3 border-radius property allows web developers to easily round the corners of their elements:
-moz-border-radius: 15px; /* Préfixe Moz pour Mozilla (non valide W3C)*/
border-radius: 15px; /* Aucun préfixe pour les navigateurs qui comprennent la propriété sans préfixe (valide W3C) */
CSS3 implement (as from version 3.1 of Firefox) the ability to make shadow : the box-shadow property.
The property use 3 sizes and a color as attributes, the sizes are:
1. the horizontal offset of the shadow: a positive offset, this means that the shadows appear on the right side of the box, a negative offset will bring the shadow on the left of the box.
2. the vertical offset: a negative value means that the shadow will appear on the top of the box, a positive value will shift the shadow at the bottom of the box.
3. Opacity (range 0 to 1): the more value will be close to 0, the shadow will lose in opacity.
This is equivalent to the text-shadow property of CSS2.
Background in CSS3
background-clip and background-origin
The background-origin property is used to determine how the background will be positioned in a box.
This property takes three values: border-box, padding-box and content-box.
A picture is worth a thousand words!
Experimental implementations have the following properties:
CSS3 gives you a way to specify a size for your background images. You can specify the size in pixels (width and height), or as percentage.
Multiple background in CSS3
Nothing much more complicated once:
background: url(body-top.gif) top left no-repeat, url(banner_fresco.jpg) top 11px no-repeat, url(body-bottom.gif) bottom left no-repeat, url(body-middle.gif) left repeat-y;
The colors in CSS3
Besides the use RGB and hexadecimal colors, CSS3 also include the HSL property (Hue, Saturation, Brightness).
HSL takes three values:
Hue: Red is 0 or 360, green is 120, and blue is 240.
Saturation: Saturation is a percentage value, where 100% is the exact color.
Lightness: The light is also a percentage or 0% is dark (black), and 100% totally clear (white), 50% is the average.
This document entitled « CSS - The properties » from CCM (ccm.net) is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the license, as this note appears clearly.