What CSS properties can be applied to which HTML elements

Question

I'm looking for a source/spec that can tell me what CSS properties can applied to which HTML elements. For instance, the css property; "overflow". I know I can apply this to div, p, textarea but what other elements can I apply this too? Is there a spec somewhere I can reference?

Answer 1

See http://www.w3.org/TR/CSS2/ and http://www.w3.org/TR/CSS/.

For example, regarding your question about the overflow property, see:

http://www.w3.org/TR/CSS2/visufx.html#overflow-clipping, stating:

'overflow'
    Value:          visible | hidden | scroll | auto | inherit
    Initial:        visible
    Applies to:     block-level and replaced elements
    Inherited:      no
    Percentages:    N/A
    Media:          visual

Answer 2

You could always use the official spec. The answer to your particular question is here.

Answer 3

This would be the summary you are looking for. Taken directly from the W3.org website.

Answer 4

Any CSS property can be applied to any HTML element; they don't restrict each other.

However, as Aron Rotteveel mentioned, the element will have to be either a replaced element (like img), or specified to be block-level. That mean that the following is perfectly fine CSS:

strong { display: block; height: 5em; width: 5em; overflow: scroll; }

Answer 5

pffft, you're all liars, there's only one property that can be applied to one element.

h1 { blink: fast; }