| .value { sRules } | Class | Partial | Yes | Yes |
| #value { sRules } | ID | Yes | Yes | Yes |
| E { sRules } | Type | Yes | Yes | Yes |
| * { sRules } | Universal | No | Yes | Yes |
| ns|E { sRules } | Namespaced | No | No | No |
| [att=val] { sRules } | Equality [=] | No | Yes | Yes |
| [att] { sRules } | Existence [] | No | Yes | Yes |
| [att|=val] { sRules } | Hyphen [|=] | No | Yes | Yes |
| [att~=val] { sRules } | Whitespace [~=] | No | Yes | Yes |
| [ns|attr] { sRules } | Namespaced | No | Yes | Yes |
| [att^=val] { sRules } | Prefix [^=] | No | Yes | Yes |
| [att*=val] { sRules } | Substring [*=] | No | Yes | Yes |
| [att$=val] { sRules } | Suffix [$=] | No | Yes | Yes |
| E + F { sRules } | Adjacent Sibling (+) | No | Yes | Yes |
| E > F { sRules } | Child (>) | No | Yes | Yes |
| E F { sRules } | Descendant | Yes | Yes | Yes |
| E ~ F { sRules } | General Sibling (~) | No | Yes | Yes |
| :active { sRules } | :active | No | Partial | Yes |
| :first-child { sRules } | :first-child | No | Yes | Yes |
| :focus { sRules } | :focus | No | No | Yes |
| :hover { sRules } | :hover | Partial | Yes | Yes |
| :lang(C) { sRules } | :lang() | No | No | Yes |
| :link { sRules } | :link | Yes | Yes | Yes |
| :visited { sRules } | :visited | Yes | Yes | Yes |
| @page :first { sRules } | @page :first | No | No | Yes |
| @page :left { sRules } | @page :left | No | No | Yes |
| @page :right { sRules } | @page :right | No | No | Yes |
| :root { sRules } | :root | No | No | No |
| :nth-child() { sRules } | :nth-child() | No | No | No |
| :nth-last-child() { sRules } | :nth-last-child() | No | No | No |
| :nth-of-type() { sRules } | :nth-of-type() | No | No | No |
| :nth-last-of-type() { sRules } | :nth-last-of-type() | No | No | No |
| :last-child { sRules } | :last-child | No | No | No |
| :first-of-type { sRules } | :first-of-type | No | No | No |
| :last-of-type { sRules } | :last-of-type | No | No | No |
| :only-child { sRules } | :only-child | No | No | No |
| :only-of-type { sRules } | :only-of-type | No | No | No |
| :empty { sRules } | :empty | No | No | No |
| :target { sRules } | :target | No | No | No |
| :not(X) { sRules } | :not() | No | No | No |
| :enabled { sRules } | :enabled | No | No | No |
| :disabled { sRules } | :disabled | No | No | No |
| :checked { sRules } | :checked | No | No | No |
| :indeterminate { sRules } | :indeterminate | No | No | No |
| :default { sRules } | :default | No | No | No |
| :valid { sRules } | :valid | No | No | No |
| :invalid { sRules } | :invalid | No | No | No |
| :in-range { sRules } | :in-range | No | No | No |
| :out-of-range { sRules } | :out-of-range | No | No | No |
| :required { sRules } | :required | No | No | No |
| :optional { sRules } | :optional | No | No | No |
| :read-only { sRules } | :read-only | No | No | No |
| :read-write { sRules } | :read-write | No | No | No |
| :after { sRules } | :after | No | No | Yes |
| :before { sRules } | :before | No | No | Yes |
| :first-letter { sRules } | :first-letter | Yes | Yes | Yes |
| :first-line { sRules } | :first-line | Yes | Yes | Yes |
| ::before { sRules } | ::before | No | No | No |
| ::after { sRules } | ::after | No | No | No |
| ::first-letter { sRules } | ::first-letter | No | No | No |
| ::first-line { sRules } | ::first-line | No | No | No |
| ::selection { sRules } | ::selection | No | No | No |
| ::value { sRules } | ::value | No | No | No |
| ::choices { sRules } | ::choices | No | No | No |
| ::repeat-item { sRules } | ::repeat-item | No | No | No |
| ::repeat-index { sRules } | ::repeat-index | No | No | No |
| { sRule!important? } | !important Declaration | Partial | Yes | Yes |
| { list-style : sStyle } | list-style | Yes | Yes | Yes |
| { list-style-image : sStyle } | list-style-image | Yes | Yes | Yes |
| { list-style-position : sStyle } | list-style-position | Yes | Yes | Yes |
| { list-style-type : sStyle } | list-style-type | No | Partial | Yes |
| { color : sColor } | color | Yes | Yes | Yes |
| { background : sBackground } | background | Yes | Yes | Yes |
| { background-attachment : sAttachment } | background-attachment | Partial | Yes | Yes |
| { background-color : sColor } | background-color | Yes | Yes | Yes |
| { background-image : sLocation } | background-image | Yes | Yes | Yes |
| { background-position : sPosition } | background-position | Partial | Partial | Yes |
| { background-repeat : sRepeat } | background-repeat | Yes | Yes | Yes |
| { color-profile : sProfile } | color-profile | No | No | No |
| { rendering-intent : sIntent } | rendering-intent | No | No | No |
| { background : sBackground1,sBackground2, etc. } | background (multiple) | No | No | No |
| { background-clip : sClip } | background-clip | No | No | No |
| { background-origin : sOrigin } | background-origin | No | No | No |
| { background-break : sBreak } | background-break | No | No | No |
| { background-size : sSize } | background-size | No | No | No |
| { direction : sDirection } | direction | Yes | Yes | Yes |
| { font : sFont } | font | Yes | Yes | Yes |
| { font-family : sFamily } | font-family | Yes | Yes | Yes |
| { font-size : sSize } | font-size | Yes | Yes | Yes |
| { font-style : sStyle } | font-style | Yes | Yes | Yes |
| { font-variant : sVariant } | font-variant | Yes | Yes | Yes |
| { font-weight : sWeight } | font-weight | Partial | Partial | Yes |
| { letter-spacing : sSpacing } | letter-spacing | Yes | Yes | Yes |
| { line-height : sHeight } | line-height | Yes | Yes | Yes |
| { text-align : sAlign } | text-align | Yes | Yes | Yes |
| { text-decoration : sDecoration } | text-decoration | Yes | Yes | Yes |
| { text-indent : sIndent } | text-indent | Yes | Yes | Yes |
| { text-transform : sTransform } | text-transform | Yes | Yes | Yes |
| { unicode-bidi : sAlign } | unicode-bidi | Yes | Yes | Yes |
| { vertical-align : sAlign } | vertical-align | Yes | Yes | Yes |
| { white-space : sWrap } | white-space | Partial | Partial | Yes |
| { word-spacing : sSpacing } | word-spacing | Partial | Partial | Yes |
| { font-effect : sEffect } | font-effect | No | No | No |
| { font-emphasize : sEmphasize } | font-emphasize | No | No | No |
| { font-size-adjust : sSizeAdjust } | font-size-adjust | No | No | No |
| { font-smooth : sSmooth } | font-smooth | No | No | No |
| { font-stretch : sStretch } | font-stretch | No | No | No |
| { hanging-punctuation : sHangingPunctuation } | hanging-punctuation | No | No | No |
| { punctuation-trim : sTrim } | punctuation-trim | No | No | No |
| { ruby-align : sRubyAlign } | ruby-align | Yes | Yes | Yes |
| { ruby-overhang : sRubyOverhang } | ruby-overhang | Yes | Yes | Yes |
| { ruby-position : sRubyPlacement } | ruby-position | Yes | Yes | Yes |
| { ruby-span : sRubySpan } | ruby-span | No | No | No |
| { text-align-last : sAlignLast } | text-align-last | Partial | Partial | Partial |
| { text-emphasis : sEmphasis } | text-emphasis | No | No | No |
| { text-justify : sJustify } | text-justify | Yes | Yes | Yes |
| { text-outline : sOutline } | text-outline | No | No | No |
| { text-overflow : sOverflow} | text-overflow | Partial | Partial | Partial |
| { text-shadow : sShadow } | text-shadow | No | No | No |
| { text-wrap : sWrap } | text-wrap | No | No | No |
| { word-break : sBreak } | word-break | Partial | Partial | Partial |
| { word-wrap : sWrap } | word-wrap | Yes | Yes | Yes |
| { writing-mode : sFlow } | writing-mode | Yes | Yes | Yes |
| { content : sContent } | content | No | No | Yes |
| { counter-increment : sCounter } | counter-increment | No | No | Yes |
| { counter-reset : sCounter } | counter-reset | No | No | Yes |
| { quotes : sQuotes } | quotes | No | No | Yes |
| { border : sBorder } | border | Yes | Yes | Yes |
| { border-bottom : sBottom } | border-bottom | Yes | Yes | Yes |
| { border-bottom-color : sColor } | border-bottom-color | Yes | Yes | Yes |
| { border-bottom-style : sStyle } | border-bottom-style | Yes | Yes | Yes |
| { border-bottom-width : sWidth } | border-bottom-width | Yes | Yes | Yes |
| { border-collapse : sCollapse } | border-collapse | Partial | Partial | Yes |
| { border-color : sColor } | border-color | Yes | Yes | Yes |
| { border-left : sLeft } | border-left | Yes | Yes | Yes |
| { border-left-color : sColor } | border-left-color | Yes | Yes | Yes |
| { border-left-style : sStyle } | border-left-style | Yes | Yes | Yes |
| { border-left-width : sWidth } | border-left-width | Yes | Yes | Yes |
| { border-right : sRight} | border-right | Yes | Yes | Yes |
| { border-right-color : sColor } | border-right-color | Yes | Yes | Yes |
| { border-right-style : sStyle } | border-right-style | Yes | Yes | Yes |
| { border-right-width : sWidth } | border-right-width | Yes | Yes | Yes |
| { border-spacing : sSpacing } | border-spacing | No | No | Yes |
| { border-style : sStyle } | border-style | Partial | Partial | Yes |
| { border-top : sTop } | border-top | Yes | Yes | Yes |
| { border-top-color : sColor } | border-top-color | Yes | Yes | Yes |
| { border-top-style : sStyle } | border-top-style | Yes | Yes | Yes |
| { border-top-width : sWidth } | border-top-width | Yes | Yes | Yes |
| { border-width : sWidth } | border-width | Yes | Yes | Yes |
| { caption-side : sLocation } | caption-side | No | No | Yes |
| { clear : sClear } | clear | Yes | Yes | Yes |
| { empty-cells : sEmptyCells } | empty-cells | No | Partial | Yes |
| { float : sFloat } | float | Yes | Yes | Yes |
| { margin : sMargin } | margin | Yes | Yes | Yes |
| { margin-bottom : sHeight } | margin-bottom | Yes | Yes | Yes |
| { margin-left : sWidth } | margin-left | Yes | Yes | Yes |
| { margin-right : sWidth } | margin-right | Yes | Yes | Yes |
| { margin-top : sHeight } | margin-top | Yes | Yes | Yes |
| { padding : sPadding } | padding | Yes | Yes | Yes |
| { padding-bottom : sPadding } | padding-bottom | Yes | Yes | Yes |
| { padding-left : sPadding } | padding-left | Yes | Yes | Yes |
| { padding-right : sPadding } | padding-right | Yes | Yes | Yes |
| { padding-top : sPadding } | padding-top | Yes | Yes | Yes |
| { table-layout : sLayout } | table-layout | Yes | Yes | Yes |
| { border-break : sBreak } | border-break | No | No | No |
| { border-image : sImage } | border-image | No | No | No |
| { border-radius : sRadius } | border-radius | No | No | No |
| { box-shadow : sShadow } | box-shadow | No | No | No |
| { bottom : sBottom } | bottom | Partial | Partial | Yes |
| { clip : sClip } | clip | Yes | Yes | Yes |
| { display : sDisplay } | display | Partial | Partial | Yes |
| { height : sHeight } | height | Yes | Yes | Yes |
| { left : sPosition } | left | Partial | Partial | Yes |
| { max-height : sMaxHeight } | max-height | No | Yes | Yes |
| { max-width : sWidth } | max-width | No | Yes | Yes |
| { min-height : sMinHeight } | min-height | No | Yes | Yes |
| { min-width : sMinWidth } | min-width | No | Yes | Yes |
| { overflow : sOverflow } | overflow | Partial | Yes | Yes |
| { position : sPosition } | position | Partial | Yes | Yes |
| { right : sPosition } | right | Partial | Partial | Yes |
| { top : sTop } | top | Partial | Partial | Yes |
| { visibility : sVisibility } | visibility | Yes | Yes | Yes |
| { width : sWidth } | width | Yes | Yes | Yes |
| { z-index : vOrder } | z-index | Partial | Partial | Yes |
| { overflow-x : sOverflow } | overflow-x | Partial | Yes | Yes |
| { overflow-y : sOverflow } | overflow-y | Partial | Yes | Yes |
| { orphans : nLines } | orphans | No | No | Yes |
| { page-break-after : sBreak } | page-break-after | Yes | Yes | Yes |
| { page-break-before : sBreak } | page-break-before | Yes | Yes | Yes |
| { page-break-inside : sBreak } | page-break-inside | No | No | Yes |
| { widows : nLines } | widows | No | No | Yes |
| { fit : sFit } | fit | No | No | No |
| { fit-position : sPosition } | fit-position | No | No | No |
| { image-orientation : sOrientation } | image-orientation | No | No | No |
| { page : sPage } | page | No | No | No |
| { size : sSize } | size | No | No | No |
| { cursor : sCursor } | cursor | Yes | Yes | Yes |
| { outline : sOutline } | outline | No | No | Yes |
| { outline-color : sColor } | outline-color | No | No | Yes |
| { outline-style : sStyle } | outline-style | No | No | Yes |
| { outline-width : sWidth } | outline-width | No | No | Yes |
| { appearance : sAppearance } | appearance | No | No | No |
| { box-sizing : sSizing } | box-sizing | No | No | Yes |
| { icon : sIcon } | icon | No | No | No |
| { nav-down : sNavDown } | nav-down | No | No | No |
| { nav-index : sIndex } | nav-index | No | No | No |
| { nav-left : sNavLeft } | nav-left | No | No | No |
| { nav-right : sNavRight } | nav-right | No | No | No |
| { nav-up : sNavUp } | nav-up | No | No | No |
| { outline-offset : sOffset } | outline-offset | No | No | No |
| { outline-radius : sRadius } | outline-radius | No | No | No |
| { resize : sResize } | resize | No | No | No |
| { column-break-after : sSize } | column-break-after | No | No | No |
| { column-break-before : sSize } | column-break-before | No | No | No |
| { column-break-inside : sSize } | column-break-inside | No | No | No |
| { column-count : sCount } | column-count | No | No | No |
| { column-gap : sSize } | column-gap | No | No | No |
| { column-rule : sRule } | column-rule | No | No | No |
| { columns : sColumns } | columns | No | No | No |
Internet Explorer 8 seems to be better than any previous version of IE. IE8 is very stable and rarely crashes or cause blue screens.
“““`
Very nice article and resource. One thing though: When I select the CSS3 option, all your options that start with an O are interpreted as surprised emoticons since its matching the colon and the o. You might want to either disable that or otherwise circumvent it.
The only other thing: I’d get rid of either “Since” or “which” in your opening sentence–it reads awkward otherwise.
So, two very minor criticism and everything else is beautiful: well laid out, works well, is attractive.