| Group | Property | Value |
|---|---|---|
| dimension css2 |
width | auto <length> <percentage> |
| height | ||
| max-width | none <length> <percentage> |
|
| max-height | ||
| min-width | <length> <percentage> |
|
| min-height | ||
| dimension css3 |
box-sizing | content-box |
| border-box | ||
| -webkit-box-sizing | content-box | |
| border-box | ||
| -moz-box-sizing | content-box | |
| border-box | ||
| resize | none | |
| both | ||
| horizontal | ||
| vertical | ||
| margin css2 |
margin-top | <length> |
| <percentage> | ||
| auto | ||
| margin-right | <length> | |
| <percentage> | ||
| auto | ||
| margin-bottom | <length> | |
| <percentage> | ||
| auto | ||
| margin-left | <length> | |
| <percentage> | ||
| auto | ||
| padding css2 |
padding-top | <length> <percentage> |
| padding-right | ||
| padding-bottom | ||
| padding-left | ||
| border css2 |
border-color | <color> |
| transparent | ||
| border-style | none | |
| hidden | ||
| dotted | ||
| dashed | ||
| solid | ||
| double | ||
| groove | ||
| ridge | ||
| inset | ||
| outset | ||
| border-width | thin | |
| medium | ||
| thick | ||
| <length> | ||
| border css3 |
-moz-border-colors | <color> |
| border-image | <border-image-source> | |
| <border-image-width> | ||
| <border-image-repeat> | ||
| -webkit-border-image | See border-image value | |
| -moz-border-image | See border-image value | |
| border-radius | <length> | |
| -webkit-border-radius | <length> | |
| -moz-border-radius | <length> | |
| box-shadow | <length> | |
| <color> | ||
| -webkit-box-shadow | <length> | |
| <color> | ||
| -moz-box-shadow | <length> | |
| <color> | ||
| outline css2 |
outline-color | <color> |
| invert | ||
| outline-style | none | |
| hidden | ||
| dotted | ||
| dashed | ||
| solid | ||
| double | ||
| groove | ||
| ridge | ||
| inset | ||
| outset | ||
| outline-width | thin | |
| medium | ||
| thick | ||
| <length> | ||
| outline css3 |
outline-offset | <length> |
| background css2 |
background-attachment | scroll |
| fixed | ||
| background-color | transparent | |
| <color> | ||
| background-image | none | |
| <uri> | ||
| background-position | <length> | |
| <percentage> | ||
| left | ||
| right | ||
| top | ||
| bottom | ||
| center | ||
| background-repeat | repeat | |
| repeat-x | ||
| repeat-y | ||
| no-repeat | ||
| background css3 |
background-origin | border |
| padding | ||
| content | ||
| -webkit-background-origin | border | |
| padding | ||
| content | ||
| -moz-background-origin | border | |
| padding | ||
| content | ||
| background-clip | border | |
| padding | ||
| -webkit-background-clip | border | |
| padding | ||
| -moz-background-clip | border | |
| padding | ||
| background-size | auto | |
| <length> | ||
| <percentage> | ||
| -webkit-background-size | auto | |
| <length> | ||
| <percentage> | ||
| -moz-background-size | auto | |
| <length> | ||
| <percentage> | ||
| multiple background image | value, value | |
| position css2 |
clear | none |
| left | ||
| right | ||
| both | ||
| clip | auto | |
| <shape> | ||
| cursor | auto | |
| default | ||
| crosshair | ||
| pointer | ||
| move | ||
| n-resize | ||
| e-resize | ||
| s-resize | ||
| w-resize | ||
| ne-resize | ||
| se-resize | ||
| sw-resize | ||
| nw-resize | ||
| text | ||
| wait | ||
| help | ||
| display | none | |
| inline | ||
| inline-block | ||
| block | ||
| list-item | ||
| run-in | ||
| float | none | |
| left | ||
| right | ||
| overflow | visible | |
| hidden | ||
| scroll | ||
| auto | ||
| position | static | |
| relative | ||
| absolute | ||
| fixed | ||
| top | auto <length> <percentage> |
|
| right | ||
| bottom | ||
| left | ||
| visibility | visible | |
| hidden | ||
| collapse | ||
| z-index | auto | |
| <integer> | ||
| list-style css2 |
list-style-image | none |
| <uri> | ||
| list-style-position | outside | |
| inside | ||
| list-style-type | none | |
| disc | ||
| circle | ||
| square | ||
| decimal | ||
| decimal-leading-zero | ||
| lower-roman | ||
| lower-greek | ||
| lower-alpha | ||
| lower-latin | ||
| upper-roman | ||
| upper-alpha | ||
| upper-latin | ||
| armenian | ||
| georgian | ||
| table css2 |
border-collapse | seperate |
| collapse | ||
| border-spacing | <length> | |
| caption-side | top | |
| bottom | ||
| empty-cells | show | |
| hide | ||
| table-layout | auto | |
| fixed | ||
| font css2 |
font-family | sans-serif |
| serif | ||
| monospace | ||
| cursive | ||
| fantasy | ||
| font-size | <absolute-size> | |
| <relative-size> | ||
| <length> | ||
| <percentage> | ||
| font-style | normal | |
| italic | ||
| oblique | ||
| font-variant | normal | |
| small-caps | ||
| font-weight | normal | |
| bold | ||
| bolder | ||
| lighter | ||
| 100~900 | ||
| text css2 |
color | <color> |
| direction | ltr | |
| rtl | ||
| letter-spacing | normal | |
| <length> | ||
| line-height | normal | |
| <number> | ||
| <length> | ||
| <percentage> | ||
| text-align | left | |
| right | ||
| center | ||
| justify | ||
| text-decoration | none | |
| underline | ||
| overline | ||
| line-through | ||
| blink | ||
| text-indent | <length> | |
| <percentage> | ||
| text-transform | none | |
| capitalize | ||
| uppercase | ||
| lowercase | ||
| unicode-bidi | normal | |
| embed | ||
| bidi-override | ||
| vertical-align | baseline | |
| sub | ||
| super | ||
| top | ||
| text-top | ||
| middle | ||
| bottom | ||
| text-bottom | ||
| <length> | ||
| <percentage> | ||
| white-space | normal | |
| nowrap | ||
| pre | ||
| pre-wrap | ||
| pre-line | ||
| word-spacing | normal | |
| <length> | ||
| text css3 |
opacity | <alphavalue> |
| text-overflow | clip | |
| ellipsis | ||
| -o-text-overflow | clip | |
| ellipsis | ||
| text-shadow | none | |
| <shadow> | ||
| word-wrap | normal | |
| break-word | ||
| content css2 |
content | none |
| normal | ||
| <string> | ||
| <uri> | ||
| <counter> | ||
| attr(<identifier>) | ||
| open-quote | ||
| close-quote | ||
| no-open-quote | ||
| no-close-quote | ||
| counter-increment | <identifier> | |
| <integer> | ||
| counter-reset | <identifier> | |
| <integer> | ||
| quotes | <string> | |
| selector css2 |
.class | |
| #id | ||
| * | ||
| E | ||
| E F | ||
| E>F | ||
| E+F | ||
| E[attr] | ||
| E[attr="value"] | ||
| E[attr~="value"] | ||
| E[attr|="value"] | ||
| selector css3 |
E~F | |
| E[attr^="value"] | ||
| E[attr$="value"] | ||
| E[attr*="value"] | ||
| pseudo css2 |
:link | |
| :visitied | ||
| :hover | ||
| :active | ||
| :focus | ||
| :before | ||
| :after | ||
| :first-letter | ||
| :first-line | ||
| :lang(language) | ||
| pseudo css3 |
:root | |
| :nth-child(n) | ||
| :nth-last-child(n) | ||
| :nth-of-type(n) | ||
| :nth-last-of-type(n) | ||
| :last-child | ||
| :first-of-type | ||
| :last-of-type | ||
| :only-child | ||
| :only-of-type | ||
| :empty | ||
| :target | ||
| :enabled | ||
| :disabled | ||
| :checked | ||
| :not(selector) | ||
| ::selection |
Reference
- CSS2
- CSS 2 Specification > Full property table - http://www.w3.org/TR/CSS2/propidx.html
- CSS 2.1 Specification > Full property table - http://www.w3.org/TR/CSS21/propidx.html
- w3schools.com > CSS Reference - http://www.w3schools.com/css/css_reference.asp
- Official W3C CSS Test Suites - http://www.w3.org/Style/CSS/Test/
- CSS2 Test Suite - http://www.richinstyle.com/test/
- CSS2 Test Suite - http://meyerweb.com/eric/css/tests/css2/
- CSS3
- CSS Current Work - http://www.w3.org/Style/CSS/current-work
- Introduction to CSS3 - http://www.w3.org/TR/css3-roadmap/
- CSS3 Previews - http://www.css3.info/preview/
- CSS3 Module Status - http://www.css3.info/modules/
- CSS3 Selectors Reference - http://w3schools.com/cssref/css_selectors.asp
- CSS3 Selectors Test - http://www.css3.info/selectors-test/
- CSS3 Selectors Test Suite - http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/
- Vendor Extension
- Safari Dev Center - http://developer.apple.com/safari/
- Opera Web specification support - http://www.opera.com/docs/specs/
- Mozilla Developer Center -https://developer.mozilla.org/
- MSDN Library(HTML&CSS) - http://msdn.microsoft.com/en-us/library/aa737439%28v=MSDN.10%29.aspx
- etc
- W3C cheatsheet - http://www.w3.org/2009/cheatsheet/
- User Agent Info - http://logger.co.kr/tools/getBrowser.tsp