Looking Around the Corner at CSS3

November 12, 2004

Coming CSS3

What is around the corner concerning CSS? This simple answer is CSS3—and it is looking awesome. Those of us with a modern browser can actually see some of the new psudeo-elements, properties, and selectors being proposed for CSS level 3.

After reading Andreas’ post I got wondering what other things can I do in firefox 1.0 with CSS level 3. I quickly tested some of the recommended items and this is what I found is now supported by firefox 1.0.

Go to my CSS3 sandbox Page for some of my level 3 tests.

You may ask yourself, “why should I use these when they don’t work in Internet Explorer?” First, they degrade nicely, so IE doesn’t even render them. Second, I believe in keeping ahead of the game, so that when CSS3 becomes a standard in all browsers, you will have the advantage of understanding of it. Keeping ahead of the trend is always an advantage and an innovator.

There are several more properties, elements and pseudo-classes I wish were supported today but alas they are not. So keep an eye on these ones.

Comments

Rob Mientjes said:

Nice write-up on things we can actually _use_. I do have one oddity, as my Firefox 1.0 doesn't seem to perform the :target goodness. Irritating.

Posted on Nov. 12, 2004 10:08 #

Seth Thomas Rasmussen said:

Does FF 1.0 support these things as actual properties, or still with the -moz- prefix? If the latter, they've had much of that for sometime now.

Posted on Nov. 12, 2004 11:51 #

Anne said:

'content' property on '::before' and '::after' is from CSS 2.1. ':first-child' (and ':last-child' and ':only-child') are supported by Firefox.

'content' on every element is supported by Opera.

Seth, all above mentioned things are without prefix. Firefox has some additional things with prefix, like 'box-sizing', which is supported in Opera without.

Posted on Nov. 12, 2004 11:55 #

Blake Scarbrough said:

Anne thanks for setting that straight.

Posted on Nov. 12, 2004 12:54 #

Dustin Diaz said:

The new border properties are going to be fun to play with.
I definitely like the border image thing where it shows the example of using 8 different images to make up a border.

I can see how people will start to use that when making their div#wrapper instead of the plain 'ol background image wrap.

Pretty cool, pretty cool.

Posted on Nov. 22, 2004 00:13 #

paul haine said:

Isn't CSS3 still being finalised and worked out? If that's the case, is it worth implementing anything at this stage, particularly with limited support from browsers?

Posted on Nov. 22, 2004 10:15 #

RouXx said:

Yeah, I'm really impatient to see CSS 3 fully. But can we guess they'll be well interpreted by Firefox as well as by Opera for example ? Opera seems to have some advantages concerning this, isn't it ?

Posted on Nov. 30, 2004 11:32 #

Daniel said:

Your link to the w3's CSS3 goodness is broke, should be w3.org not w3c.org I think? Beautiful website man!:)

Posted on Jan. 1, 2005 16:46 #