* comment * Taken from http://www.culturedcode.com/css/reference.html See also http://www.w3.org/TR/1998/REC-CCS2-19980512/ CSS CSS All sections Syntax @rule ruleset Text Text: Type Text: Spacing Layout Layout: Box Layout: Positioning Layout: Background Elements Elements: Lists Elements: Tables Elements: Generated Miscellany Miscellany: User-Interface Miscellany: Printing * comment * ================================================================================ @rule Syntax > @rule @import URI|string [media[, media ...]] -- must be first rule, unless @charset URI: url(uri), url('uri'), url("uri") @media keyword { ruleset } keyword: all braille embossed handheld print projection screen speech tty tv @page [selector] { margin properties } selector: :left :right :first @charset charset-name ; charset-name: eg "iso-8859-1" ruleset Syntax > ruleset ruleset selector-list block selector-list: selector[, selector ...] selectors: * - matches any element elem - matches element of type elem elemP elemC - matches any elemC element decended from an elemP element elemP > elemC - matches any elemC element, a child of an elemP element elem:first-child - matches elem element if it is the first child of its parent elem:link - matches elem element whose link target has not been visited elem:visited - matches elem element whose link targethas been visited elem:active - matches elem element over which a mouse is clicked, say elem:hover - matches elem element over which there is a pointer elem:focus - matches elem element which has keyboard focus elem:lang(c) - matches elem element if it is in human language c elem:pseudo - with pseudo = fist-line, fist-letter, before, after elemF + elemN - matches elemN element if preceded by an elemF element elem[attr] - matches elem element if its attr attribute is set elem[attr="val"] - matches elem element if its attr attribute equals "val" elem[attr~="val"] - matches elem element if its attr attribute is a space separated list containing a value "val" elem[attr|="val"] - matches elem element if its attr attribute starts with the string "val-" or equals "val" elem.class - IN HTML: matches elements of a class, == elem[class~="class"] .class - IN HTML: matches any elements of a class, == *[class~="class"] elem#myid - matches elem element if its id attribute equals "myid" block: { property: values[(; | newline) [property: values ...]] } comments: /* text */ * comment * ================================================================================ * comment * ================================================================================ * comment * ================================================================================ Text: Type Text: Type CSS > Text: Type color font text-decoration text-transform color CSS > Text: Type > color color Text color - value as percentage rgb: eg rgb(100%, 50%, 0%) as 0 to 255 rgb: eg rgb(255, 128, 0) as hexadecimal value: eg #FF8000 or #F80 by name: aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow - inherited, applies to all elements font CSS > Text: Type > font font Font for text - value as value tuple: style variant weight size/line-height family as system font keyword: caption, icon, menu, message-box, small-caption, status-bar - inherited, applies to all elements Values for style, variant, weight can appear in any order or not at all The /line-height value may be absent See also: font-family, font-size, font-style, font-variant, font-weight font-family CSS > Text: Type > font > font-family font-family The font family to use - value as comma-separated list of specific or generic font families - inherited, applies to all elements except replaced elements generic font families are: sans-serif, serif, monospace, cursive, fantasy font-size CSS > Text: Type > font > font-size font-size The font size to use - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = 1em as absolute size keyword: xx-large (=2em), x-large (=1.5em), large (=1.2em), medium (=1em), small (=0.89em), x-small (=0.75em), xx-small (=0.6em) as relative size keyword: larger, smaller - initial value: medium - inherited, applies to all elements font-style CSS > Text: Type > font > font-style font-style The font style to use - value as keyword: normal, italic, oblique - initial value: normal - inherited, applies to all elements font-variant CSS > Text: Type > font > font-variant font-variant The font variant to use - value as keyword: normal, small-caps - initial value: normal - inherited, applies to all elements font-weight CSS > Text: Type > font > font-weight font-weight The font weight to use - value as keyword: normal, bold, bolder, lighter as numeric weight: 100, 200, 300, 400 (=normal), 500, 600, 700 (=bold), 800, 900 - initial value: normal - inherited, applies to all elements text-decoration CSS > Text: Type > text-decoration text-decoration Extra rendering for text - value as space separated keyword list: underline, overline, line-through, blink as the single keyword: none - initial value: none - inherited, applies to all elements text-transform CSS > Text: Type > text-transform text-transform Transformations to text before rendering - value as keyword: capitalize, uppercase, lowercase, none - initial value: none - inherited, applies to all elements * comment * ================================================================================ Text: Spacing Text: Spacing CSS > Text: Spacing white-space text-align text-indent line-height word-spacing letter-spacing vertical-align direction unicode-bidi white-space CSS > Text: Spacing > white-space white-space How to handle source white-space characters - value as keyword: normal, pre, nowrap, pre-wrap, pre-line - initial value: normal - inherited, applies to all elements normal: collapses spaces, tabs, newlines to spaces, breaks long lines pre: honors spaces, newlines; tabs with 8-column maximum width nowrap: like normal, but does not break long lines (use
to break) pre-wrap: like pre, but breaks long lines pre-line: like normal, but honors newlines text-align CSS > Text: Spacing > text-align text-align Horizontal alignment of lines of text - value as keyword: left, right, center, justify - inherited, applies to block-level elements text-indent CSS > Text: Spacing > text-indent text-indent First line indenting of paragraphs - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = parent element's width - initial value: 0 - inherited, applies to block-level elements line-height CSS > Text: Spacing > line-height line-height Minimum distance between baselines of adjacent text lines - value as factor: decimal number (1 = 100%) as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = 1em - inherited, applies to block-level elements word-spacing CSS > Text: Spacing > word-spacing word-spacing Extra space to be added between words - value as keyword: normal as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) - initial value: normal - inherited, applies to all elements Negative values allowed if resulting spacing not negative; relative values computed once then inherited letter-spacing CSS > Text: Spacing > letter-spacing letter-spacing Extra space to be added between letters - value as keyword: normal as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) - initial value: normal - inherited, applies to all elements Negative values allowed if resulting spacing not negative; relative values computed once then inherited vertical-align: general CSS > Text: Spacing > vertical-align vertical-align Raise or lower letters and images above or below the text baseline - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = 1em as vertical alignment keyword: baseline, sub (subscript), super (superscript), top (align element top with tallest thing on the line), text-top (align element top with parent's tallest letter), middle (element centered 0.5ex above baseline) bottom (align element bottom with lowest thing on the line), text-bottom (align element bottom with bottom of parent's font) - initial value: baseline - not inherited, applies to inline elements See also: vertical-align: table direction CSS > Text: Spacing > direction direction Specify writing direction, direction of table column layout, horizontal overflow, and the position of incomplete last lines - value as keyword: ltr (left-to-right), rtl (right-to-left) - initial value: ltr - inherited, applies to all elements unicode-bidi CSS > Text: Spacing > unicode-bidi unicode-bidi Control the Unicode standard bidirectional rendering algorithm - value as keyword: normal, embed, bidi-override - initial value: normal - not inherited, applies to all elements * comment * ================================================================================ Layout: Box Layout: Box CSS > Layout: Box margin padding border width height overflow clip margin CSS > Layout: Box > margin margin The space between the element's bounding box and those of its neighbors - value: a space separated list of up to 4 of: length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) percentage: decimal number followed by '%'; 100% = parent element's width keyword: auto - initial value: 0 - not inherited, applies to all elements Negative values allowed List interpreted as: 1 entry: top+right+bottom+left 2 entries: top+bottom left+right 3 entries: top left+right bottom 4 entries: top right bottom left See also: margin-top, margin-right, margin-bottom, margin-left * alias * margin-... margin-top margin-right margin-bottom margin-left margin-... CSS > Layout: Box > margin-... margin-top margin-right margin-bottom margin-left The space between the element's bounding box and those of its neighbors - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = parent element's width as keyword: auto - initial value: 0 - not inherited, applies to all elements Negative values allowed See also: margin padding CSS > Layout: Box > padding padding The space between the element's content and its margin or border - value: a space separated list of up to 4 of: length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) percentage: decimal number followed by '%'; 100% = parent element's width keyword: auto - initial value: 0 - not inherited, applies to all elements List interpreted as: 1 entry: top+right+bottom+left 2 entries: top+bottom left+right 3 entries: top left+right bottom 4 entries: top right bottom left See also: padding-top, padding-right, padding-bottom, padding-left * alias * padding-... padding-top padding-right padding-bottom padding-left padding-... CSS > Layout: Box > padding > padding-... padding-top padding-right padding-bottom padding-left The space between the element's content and its margin or border - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = parent element's width as keyword: auto - initial value: 0 - not inherited, applies to all elements * alias * border border-top border-right border-bottom border-left border CSS > Layout: Box > border border border-top border-right border-bottom border-left The border, or each of its parts, marking the element boundary - value as value tuple: width style color - not inherited, applies to all elements See also: border-width, border-style, border-color border-width CSS > Layout: Box > border > border-width border-width The width of the border marking the element boundary - value: a space separated list of up to 4 of: length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) keyword: thin, medium, thick - initial value: medium - not inherited, applies to all elements List interpreted as: 1 entry: top+right+bottom+left 2 entries: top+bottom left+right 3 entries: top left+right bottom 4 entries: top right bottom left See also: border-top-width, border-right-width, border-bottom-width, border-left-width * alias * border-...-width border-top-width border-right-width border-bottom-width border-left-width border-...-width CSS > Layout: Box > border > border-width > border-...-width border-top-width border-right-width border-bottom-width border-left-width The width of each part of the border marking the element boundary - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as keyword: thin, medium, thick - initial value: medium - not inherited, applies to all elements border-style CSS > Layout: Box > border > border-style border-style The border's rendering style - value: a space separated list of up to 4 of: keyword: none, dotted, dashed, solid, double, groove, ridge, inset, outset, hidden (like none, but removes shared borders in tables) - initial value: none - not inherited, applies to all elements List interpreted as: 1 entry: top+right+bottom+left 2 entries: top+bottom left+right 3 entries: top left+right bottom 4 entries: top right bottom left See also: border-top-style, border-right-style, border-bottom-style, border-left-style * alias * border-...-style border-top-style border-right-style border-bottom-style border-left-style border-...-style CSS > Layout: Box > border > border-style > border-...-style border-top-style border-right-style border-bottom-style border-left-style The rendering style of each part of the border - value as keyword: none, dotted, dashed, solid, double, groove, ridge, inset, outset, hidden (like none, but removes shared borders in tables) - initial value: none - not inherited, applies to all elements border-color CSS > Layout: Box > border > border-color border-color The border's rendering color - value: a space separated list of up to 4 of: percentage rgb: eg rgb(100%, 50%, 0%) 0 to 255 rgb: eg rgb(255, 128, 0) hexadecimal value: eg #FF8000 or #F80 name: aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow keyword: transparent - initial value: none - not inherited, applies to all elements List interpreted as: 1 entry: top+right+bottom+left 2 entries: top+bottom left+right 3 entries: top left+right bottom 4 entries: top right bottom left See also: border-top-color, border-right-color, border-bottom-color, border-left-color * alias * border-...-color border-top-color border-right-color border-bottom-color border-left-color border-...-color CSS > Layout: Box > border > border-color > border-...-color border-top-color border-right-color border-bottom-color border-left-color The rendering color of each part of the border - value as percentage rgb: eg rgb(100%, 50%, 0%) as 0 to 255 rgb: eg rgb(255, 128, 0) as hexadecimal value: eg #FF8000 or #F80 as name: aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow as keyword: transparent - initial value: none - not inherited, applies to all elements width: general width Width of an element's content area - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = parent element's width as keyword: auto - initial value: auto - not inherited, applies to block-level and replaced elements See also: min-width, max-width, width: table (for use in tables) min-width CSS > Layout: Box > width > min-width min-width Minimum width of an element's content area (protects against narrowing) - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = containing block's width - initial value: 0 - not inherited, applies to all except non-replaced inline elements and table elements max-width CSS > Layout: Box > width > max-width max-width Maximum width of an element's content area (protects against widening) - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = containing block's width as keyword: none - initial value: none - not inherited, applies to all except non-replaced inline elements and table elements height CSS > Layout: Box > height height Height of an element's content area - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as keyword: auto - initial value: auto - not inherited, applies to block-level and replaced elements See also: min-height, max-height min-height CSS > Layout: Box > height > min-height min-height Minimum height of an element's content area (protects against squashing) - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = containing block's height, if set explicitly, else the value is treated as 0 - initial value: 0 - not inherited, applies to all except non-replaced inline elements and table elements max-height CSS > Layout: Box > height > max-height max-height Maximum height of an element's content area (protects against stretching) - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = containing block's height, if set explicitly, else the value is treated as none as keyword: none - initial value: none - not inherited, applies to all except non-replaced inline elements and table elements overflow CSS > Layout: Box > overflow overflow How to handle child elements that dos not fit the content area of the parent - value as keyword: visible (children may stick out), hidden (part that sticks out is hidden), scroll (show scroll bars), auto (show scroll bars if necessary) - initial value: visible - not inherited, applies to block-level and replaced elements clip CSS > Layout: Box > clip clip Clip visible part of an element to a specified rectangle - value as a rectangle shape: rect(top, right, bottom, left) where top, right, bottom, left are lengths or the keyword auto as keyword: auto - initial value: auto - not inherited, applies to absolutely-positioned elements * comment * ================================================================================ Layout: Positioning Layout: Positioning CSS > Layout: Positioning display position float z-index visibility display CSS > Layout: Positioning > display display The element's display type - value as keyword: none (the element and its children have no effect on layout), inline (part of running text), block (breaks lines, is contained in a block box), inline-block (content is formatted as a block, but element appears inline within the parent), list-item (displays with a label, see list-style), run-in (if next sibling is a block, this element is injected into that block as the first inline element), table (displays as a table in a separate block), inline-table (displays as a table in an inline-block), table-row-group, table-column, table-column-group, table-footer-group, table-row, table-cell, table-caption (has the behavior of corresponding table element) - initial value: inline - not inherited, applies to all elements position CSS > Layout: Positioning > position position How an element's block box is positioned - value as keyword: static (properties top, right, bottom, left ignored; element flows within parent normally), relative (properties top, right, bottom, left move the element down, left, up, right respectively from the normal position, but do not change the box size; flow continues as if the element were not moved), absolute (properties top, right, bottom, left place the element relative to its containing block and is taken out of normal flow), fixed (properties top, right, bottom, left place the element relative to the viewport; such an element taken out of normal flow and will not move with scrolling) - initial value: static - not inherited, applies to all elements Values absolute and fixed imply that the element must be a block, in which case the display property is ignored See also: top, right, bottom, left * alias * top, right, bottom, left top right bottom left top, right, bottom, left CSS > Layout: Positioning > position > top, right, bottom, left top right bottom left Box offsets for non-statically positioned elements - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = parent block's sizes as keyword: auto - initial value: static - not inherited, applies to elements with position property values other than static float CSS > Layout: Positioning > float float Move the element horizontally until it encounters another block element - value as keyword: left (move left), right (move right), none - initial value: none - not inherited, applies to all elements Floated elements are removed from normal flow and treated as block-level See also: clear clear CSS > Layout: Positioning > float > clear clear Lists side on which a preceding floating element is not allowed - value as keyword: none, left, right, both - initial value: none - not inherited, applies to all elements If the constraint is violated, the element will be displayed below all previous constraint breaking blocks z-index CSS > Layout: Positioning > z-index z-index Stacking order for overlapping elements within a stacking context - value as integer (a negative value places the element below its containing block) as keyword: auto (later elements in the source have higher z-order) - initial value: auto - not inherited, applies to positioned elements visibility CSS > Layout: Positioning > visibility visibility Whether the element box is rendered - value as keyword: visible, hidden (element is invisible, but affects layout; "visible" children are visible) collapse (removes element's rendering completely; only supported for table rows, columns and row/column groups) * comment * ================================================================================ Layout: Background Layout: Background CSS > Layout: Background background background CSS > Layout: Background > background background Set all background properties together - value: a space separated list of 5 values specifying attachment, color, image, position, repeat - not inherited, applies to all elements See also: background-attachment, background-color, background-image, background-position, background-repeat background-attachment CSS > Layout: Background > background > background-attachment background-attachment Whether a background image moves with scrolling - value as keyword: scroll, fixed - initial value: scroll - not inherited, applies to all elements background-color CSS > Layout: Background > background > background-color background-color Sets background color of the element content and padding - value as percentage rgb: eg rgb(100%, 50%, 0%) as 0 to 255 rgb: eg rgb(255, 128, 0) as hexadecimal value: eg #FF8000 or #F80 by name: aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow as keyword: transparent - initial value: transparent - not inherited, applies to all elements background-image CSS > Layout: Background > background > background-image background-image Specifies an image to be used as a background for an element - value as a URI: url(uri), url('uri'), url("uri") as a keyword: none - initial value: none - not inherited, applies to all elements background-position CSS > Layout: Background > background > background-position background-position Position of a background image relative to the element (or viewport if fixed) - value: one or two space separated entries as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) percentage: decimal number followed by '%'; this specifies both the image and element positions keyword: top (vert=0%), right (hor=100%), bottom (vert=100%), left (hor=0%), center (vert/hor=50%) - initial value: 0% 0% - not inherited, applies to all elements If two lengths, "a b" position 0, 0 of the image is placed at position a, b of the background If two percentages, "a% b%" position a%, b% of the image is placed at position a%, b% of the background If one length or percentage, the horizontal position is fixed; vertical = 50% If mix of length/percentage and keyword, horizontal words must come first Keyword combinations (word order unimportant): left top = 0% 0%; center top/top = 50% 0%; right top = 100% 0% left center/left = 0% 50%; center center/center = 50% 50%; right center/right = 100% 50%; left bottom = 0% 100% center bottom/bottom = 50% 100%; right bottom = 100% 100% background-repeat CSS > Layout: Background > background > background-repeat background-repeat Whether and how to repeat a background image - value as keyword: repeat, repeat-x, repeat-y, no-repeat - initial value: repeat - not inherited, applies to all elements * comment * ================================================================================ Elements: List Elements: List CSS > Elements: List list-style list-style CSS > Elements: List > list-style list-style Specify all list style properties - value: a space separated list of up to 3 specifications for style, position, image - inherited, applies to elements with display property list-item See also: list-style-type, list-style-position, list-style-image list-style-type CSS > Elements: List > list-style > list-style-type list-style-type Specify a list item label - value as keyword: none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-latin, upper-latin, lower-greek, armenian, georgian - initial value: disc - inherited, applies to elements with display property list-item list-style-position CSS > Elements: List > list-style > list-style-position list-style-position Whether the list item label is placed inside or outside the item's box - value as keyword: inside, outside - initial value: outside - inherited, applies to elements with display property list-item list-style-image CSS > Elements: List > list-style > list-style-image list-style-image Specify an image to use as a label - value as a URL: url(uri), url('uri'), url("uri") as a keyword: none - initial value: none - inherited, applies to elements with display property list-item * comment * ================================================================================ Elements: Tables Elements: Tables CSS > Elements: Tables border-collapse border-spacing empty-cells table-layout caption-side width vertical-align border-collapse CSS > Elements: Tables > border-collapse border-collapse How to handle adjacent borders of table cells, row/column groups, table edge - value as keyword: collapse, separate - initial value: separate - inherited, applies to tables, inline tables (see display property) border-spacing CSS > Elements: Tables > border-spacing border-spacing Determines spacing between pairs of borders - value: 1 or 2 lengths, where length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) - initial value: 0 - inherited, applies to tables, inline tables with separate borders (see display and border-collapse properties) If 2 lengths specified, the first is horizontal spacing, the second vertical empty-cells CSS > Elements: Tables > empty-cells empty-cells How to render empty cells in a table - value as keyword: show (display border and background of empty cell), hide (show table's background) - initial value: show - inherited, applies to tables, inline tables with separate borders (see display and border-collapse properties) table-layout CSS > Elements: Tables > table-layout table-layout How to calculate table column widths - value as keyword: auto (evaluate column widths across all cells), fixed (evaluate column widths using width properties or first row cell widths for faster rendering) - initial value: auto - inherited, applies to tables, inline tables with width property not set to auto caption-side CSS > Elements: Tables > caption-side caption-side Where to place a table's caption element - value as keyword: top, bottom - initial value: top - inherited, applies to table-caption elements width: table CSS > Elements: Tables > width width Minimum width of a table - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as percentage: decimal number followed by '%'; 100% = parent element's width as keyword: auto - initial value: auto - not inherited, applies to table, table-column, table-cell elements vertical-align: table CSS > Elements: Tables > vertical-align vertical-align Vertical alignment of table cells - value as keyword: baseline (first lines of each cell in a row are aligned), top, bottom, middle - initial value: baseline - not inherited, applies to table-cell elements * comment * ================================================================================ Elements: Generated Elements: Generated CSS > Elements: Generated content quotes counter-increment counter-reset content CSS > Elements: Generated > content content Content for pseudo-element introduced using :before and :after selector - value as a text string as keyword: normal, none (no pseudo-element generated) as a sequence of: counter(counter-name[, list-style-type]), counters(counter-name, sep-string[, list-style-type]) (for nested instances of a counter of a particular name), string URI (eg an image): url(uri), url('uri'), url("uri") keyword: open-quote, close-quote, no-open-quote, no-close-quote attr(attr-name) (value of attribute attr-name as a string) - initial value: normal - not inherited, applies to :before and :after pseudo-elements quotes CSS > Elements: Generated > quotes quotes Actual opening/closing quote marks to use - value as a list of pairs of text strings (for open and close quote marks at different nesting levels) as keyword: none - inherited, applies to all elements counter-increment CSS > Elements: Generated > counter-increment counter-increment Which counters to increment with this element - value as a list of counter names as keyword: none - initial value: none - not inherited, applies to all elements counter-reset CSS > Elements: Generated > counter-reset counter-reset Which counters to reset with this element - value as a list of counter names, each with optional integer reset amount as keyword: none - initial value: none - not inherited, applies to all elements * comment * ================================================================================ Miscellany: User-Interface Miscellany: User-Interface CSS > Miscellany: User-Interface cursor outline cursor CSS > Miscellany: User-Interface > cursor cursor Which cursor to use when a pointer is over the element - value as keyword: auto, default, pointer, text, help, wait, progress, crosshair, move, e-resize, ne-resize, n-resize, nw-resize, w-resize, sw-resize, s-resize, se-resize - initial value: auto - inherited, applies to all elements outline CSS > Miscellany: User-Interface > outline outline Sets outline properties for a (temporary) border which has no influence on spacing and formatting - value: up to three values specifying width, style, color - not inherited, applies to all elements See also: outline-width, outline-style, outline-color outline-width CSS > Miscellany: User-Interface > outline > outline-width outline-width Width of an outline - value as length: decimal number followed by unit absolute unit (mm, cm, in, pt, pc) 1pc (pica) = 12pt, 1pt (point) = 1/72in, 1in (inch) = 2.54cm relative unit (em, ex) 1em = size of current font, 1ex = height of current letter 'x' pixel (px) as keyword: thin, medium, thick - initial value: medium - not inherited, applies to all elements outline-style CSS > Miscellany: User-Interface > outline > outline-style outline-style Appearance of an outline - value as keyword: none, dotted, dashed, solid, double, groove, ridge, inset, outset, hidden - initial value: none - not inherited, applies to all elements outline-color CSS > Miscellany: User-Interface > outline > outline-color outline-color Color of an outline - value as percentage rgb: eg rgb(100%, 50%, 0%) as 0 to 255 rgb: eg rgb(255, 128, 0) as hexadecimal value: eg #FF8000 or #F80 by name: aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow as keyword: invert - initial value: invert - not inherited, applies to all elements * comment * ================================================================================ Miscellany: Printing Miscellany: Printing CSS > Miscellany: Printing page-break-before page-break-after page-break-inside widows orphans page-break-before CSS > Miscellany: Printing > page-break-before page-break-before How page breaks before an element should be handled - value as keyword: auto, always, avoid, left (skip page if necessary for the element to appear on a left-hand page), right (like left, but for right-hand page) - initial value: auto - not inherited, applies to block-level elements page-break-after CSS > Miscellany: Printing > page-break-after page-break-after How page breaks after an element should be handled - value as keyword: auto, always, avoid, left (skip page if necessary for the next element to appear on a left-hand page), right (like left, but for right-hand page) - initial value: auto - not inherited, applies to block-level elements page-break-inside CSS > Miscellany: Printing > page-break-inside page-break-inside How page breaks inside an element should be handled - value as keyword: auto, avoid - initial value: auto - not inherited, applies to block-level elements widows CSS > Miscellany: Printing > widows widows How many "widow" lines are allowed in the last, broken paragraph of a page - value: an integer - initial value: 2 - inherited, applies to block-level elements orphans CSS > Miscellany: Printing > orphans orphans How many "orphan" lines are allowed in the first, broken paragraph of a page - value: an integer - initial value: 2 - inherited, applies to block-level elements * comment * ================================================================================ Disambiguation width Disambiguation > width width CSS > Layout: Box > width see width: general CSS > Elements: Tables > width see width: table vertical-align Disambiguation > vertical-align vertical-align CSS > Layout: Box > vertical-align see vertical-align: general CSS > Elements: Tables > vertical-align see vertical-align: table