3 replies to this topic

[jhonpeter]

Hey Folks,

I am back with CSS 3.0 background options … I hope you’ll love this one….

All the details you can find here Samsung Mobile Innovator - Samsung Developer program for Symbian, Windows Mobile and Java

Some of the details covered the above article:

Background (multiple)

The css3 gives the possibility to apply more background images to a single element and not just the single one as specified in the css2 property background.


Background clip

The background-clip property is used to determine whether the background extends into the border or not. The default is border-box, which means it DOES extend into it, but if you set it to padding-box, it doesn’t. if you use content-box the background only extends to the content area.

Background origin

The background-origin CSS property determines the background positioning area (the origin of a background-image). background-origin does not apply when background-attachment is fixed.

Background size

The background-size property specifies the size of the background images. The ‘contain’ values scales the image, while preserving its aspect ratio (if any), which may leave uncovered space. The ‘cover’ scales the image so that it covers the whole area, completely covering the element, but perhaps not showing part of the image if the element and the image did not have the same aspect ratio.

You can find full code and details from the above link. Know the new features in easy way.

Please share any other good links on CSS 3.0 ….

[Howdy_McGee]

A great reference guide to both CSS 2 and CSS 3 is Sitepoints reference guide:

CSS Properties

I use it all the time if I forget something ^.^

[Howdy_McGee]

Not availiable in IE YET but in IE9 it will be supported. Too bad Microsoft will still support IE 7/8 :(

Even w/ that though you could use progressive enhancement and get a very good site w/ some CSS 3