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 (http://www.css3.info/) but the official one is at w3c.org (http://www.w3.org/Style/CSS/current-work) 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_Reference/Mozilla_Extensions
http://www.opera.com/docs/specs/opera95/css/
http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx or http://msdn.microsoft.com/en-us/library/ms531205(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 (http://www.w3.org/TR/css3-selectors/) (see my latest blog post), "stuff" that start with an @ symbol (can't remember what they are called), animations (http://www.w3.org/TR/css3-animations/), transitions (http://www.w3.org/TR/css3-transitions/), media queries (http://www.w3.org/TR/css3-mediaqueries/) (really excited about this), grids (http://www.w3.org/TR/css3-grid/), etc.