CSS3 elements

[james438]

Hi, I am trying to learn some more about css3 elements however the best that I have been able to find is www.css3.com, which is, as far as I can tell, not official. W3C.org is less helpful or at least I have not been able to find some good information on their site yet.

Is there a good site like css3.com that lists the different elements? I think they are called elements. Is css3.com adequate? Are they semi-professional?

I notice that Opera keeps up with the latest CSS3 properties and ie8 does to some extent as well. Firefox does not seem to keep up with CSS3 at all though.

[Snookerman]

The best site in my opinion is css3.info but the official one is at w3c.org and it has the most current info.

And no, they're not called elements (those are in the markup), but there are many new features (selectors, effects, etc.) so I don't think there is any collective name (except maybe just "new features").

Hope that helps!

[james438]

very handy, thanks.

One more question for anyone: I did some more digging on features like scrollbar-base-color: and it appears that such features are more black market features of CSS that some browsers have adopted anyway. Is there a list of such "illegal" features somewhere? Is there a way I could learn more about them or where they came from?

[djr33]

Doesn't CSS use "properties" and "values"? At least that's what I've always called them. Perhaps attributes, but I don't know if that refers to the property or value... maybe the pair?
(I'm not claiming this is the official term, but I don't see why it wouldn't be.)

As for information, if you want a complete listing, you might want to look around at the various browsers' websites to see if you can find a list of what they support. Then cross reference and go from there. Obviously that's a "do it yourself" method and probably not worth the time, though you might notice a few things that are helpful. For one thing, I know that firefox has a lot of specific properties so you might want to look at those in addition to the others so that you can create cross-browser effects. For example, there's a property for forms: "-moz-border-radius:10px;" that will round corners. There are many like this. I don't know many of them or where you can find a complete list, but if you want complete control over your CSS, using these browser-specific properties and standard CSS3 methods as they are adopted is probably the only fully cross-browser way (of course ignoring those browsers that don't have new properties-- unique or standard).

[james438]

Good suggestion djr33

Here's the list of official css "attributes" that are recognized by firefox, opera, and internet explorer.

https://developer.mozilla.org/en/CSS...lla_Extensions
http://www.opera.com/docs/specs/opera95/css/
http://msdn.microsoft.com/en-us/libr...07(VS.85).aspx or http://msdn.microsoft.com/en-us/libr...(v=VS.85).aspx

I may update this post later for readability.

[Snookerman]

Doesn't CSS use "properties" and "values"? At least that's what I've always called them. Perhaps attributes, but I don't know if that refers to the property or value... maybe the pair?
(I'm not claiming this is the official term, but I don't see why it wouldn't be.)

There is much, much more than that, like selectors (see my latest blog post), "stuff" that start with an @ symbol (can't remember what they are called), animations, transitions, media queries (really excited about this), grids, etc.