Property | Values | Description | notes |
---|---|---|---|
background | any combination of the values for background-attachment, background-color, background-image, background-repeat, and/or background-position, or inherit
|
for changing the background color and image of elements | initial value depends on individual properties; not inherited; percentages allowed for background-position |
background-attachment | either scroll , fixed , or inherit
|
for determining if and how background images should scroll | initial value: scroll ; not inherited
|
background-color | either a color, transparent , or inherit
|
for setting just the background color of an element | initial value: transparent ; not inherited
|
background-image | either a URL, none , or inherit
|
for setting just the background image of an element | initial value: none ; not inherited
|
background-position | either one or two percentages or lengths (or one percentage and one length) or one of top , center , or bottom , and/or one of left , center , or right . Or use inherit .
|
for setting the physical position of a specified background image | initial value: 0% 0%, if a single percentage is set, it is used for the horizontal position and the initial value of the vertical is set to 50%, if only one keyword is used, the initial value of the other is center ; applies to block-level and replaced elements: not inherited; percentages refer to the size of the box itself
|
background-repeat | one of repeat , repeat-x , repeat-y , no-repeat , or inherit
|
for determining how and if background images should be tiled | initial value: repeat ; not inherited
|
border | any combination of the values of border-width, border-style, and/or a color, or inherit
|
for defining all aspects of a border on all sides of an element | initial value depends on individual properties; not inherited |
border-color | from one to four colors, transparent , or inherit
|
for setting only the color of the border on one or more sides of an element | initial value: the element's color property; not inherited
|
border-spacing | either one or two lengths or inherit
|
for specifying the amount of space between borders in a table | initial value: 0; may be applied only to table elements; inherited |
border-style | one to four of the following values: none , dotted , dashed , solid , double , groove , ridge , inset , outset , inherit
|
for setting only the style of a border on one or more sides of an element | initial value: none ; not inherited
|
border-top, border-right, border-bottom, border-left |
any combination of a single value each for border-width, border-style, and/or a color, or use inherit .
|
for defining all three border properties at once on only one side of an element | initial value depends on individual values; not inherited |
border-top-color, border-right-color, border-bottom-color, border-left-color | one color or inherit
|
for defining just the border's color on only one side of an element | initial value: the value of the color property; not inherited |
border-top-style, border-right-style, border-bottom-style, border-left-style | one of none , dotted , dashed , solid , double , groove , ridge , inset , outset , or inherit
|
for defining just the border's style on only one side of an element | initial value: none ; not inherited
|
border-top-width, border-right-width, border-bottom-width, border-left-width | one of thin , medium , thick or a length
|
for defining just the border's width on only one side of an element | initial value: medium ; not inherited
|
border-width | one to four of the following values: thin , medium , thick or a length
|
for defining the border's width on one or more sides of an element | initial value: medium ; not inherited
|
clear | one of none , left , right , both , or inherit
|
for keeping elements from floating on one or both sides of an element | initial value: none ; may only be applied to block-level elements; not inherited
|
bottom | either a percentage, length, auto , or inherit
|
for setting the distance that an element should be offset from its parent element's bottom edge | initial value: auto ; not inherited; percentages refer to height of containing block
|
color | a color or inherit
|
for setting the foreground color of an element | initial value: parent's color, some colors are set by browser; inherited |
cursor | one of auto , crosshair , default , pointer , move , e-resize , ne-resize , nw-resize , n-resize , se-resize , sw-resize , s-resize , w-resize , text , wait , help , a URL, or inherit
|
for setting the cursor's shape | initial value: auto ; inherited
|
display | one of inline , block , list-item , none , inherit
|
for determining how and if an element should be displayed | initial value: inline ; not inherited
|
float | one of left , right , none , inherit
|
for determining on which side of an element other elements are permitted to float | initial value: none ; may not be applied to positioned elements or generated content; not inherited
|
font | if desired, any combination of the values for font-style, font-variant
and font-weight
followed by the required font-size, an optional value for line-height
and the also required font-family, or use inherit
|
for setting at least the font family and size, and optionally the style, variant, weight, and line-height of text | initial value depends on individual properties; inherited; percentages allowed for values of font-size and line-height |
font-family | one or more quotation mark-enclosed font names followed by an optional generic font name, or use inherit
|
for choosing the font family for text | initial value: depends on browser; inherited |
font-size | an absolute size, a relative size, a length, a percentage, or inherit
|
for setting the size of text | initial value: medium ; the computed value is inherited; percentages refer to parent element's font size
|
font-style | either normal , italic , oblique , or inherit
|
for making text italic | initial value: normal ; inherited
|
font-variant | either normal , small-caps , or inherit
|
for setting text in small caps | initial value: normal ; inherited
|
font-weight | either normal , bold , bolder , lighter , 100 , 200 , 300 , 400 , 500 , 600 , 700 , 800 , 900 , or inherit
|
for applying, removing, and adjusting bold formatting | initial value: normal ; the numeric values are considered keywords and not integers (you can't choose 150, for example); inherited
|
height | either a length, percentage, auto , or inherit
|
for setting the height of an element | initial value: auto ; may be applied to all elements except non-replaced inline elements, table columns, and column groups; not inherited
|
left | either a length, percentage, auto , or inherit
|
for setting the distance that an element should be offset from its parent element's left edge | initial value: auto ; may only be applied to positioned elements; not inherited; percentages refer to width of containing block
|
letter-spacing | either normal , a length, or inherit
|
for setting the amount of space between letters | initial value: normal ; inherited
|
line-height | either normal , a number, a length, a percentage, or inherit
|
for setting the amount of space between lines of text | initial value: normal ; inherited; percentages refer to the font size of the element itself
|
list-style | any combination of the values for list-style-type, list-style-position and/or list-style-image, or use inherit
|
for setting a list's marker (regular or custom) and its position | initial value depends on initial values of individual elements; may only be applied to list elements; inherited |
list-style-image | either a URL, none , or inherit
|
for designating a custom marker for a list | initial value: none ; may only be applied to list elements; overrides list-style-type ; inherited
|
list-style-position | either inside , outside , or inherit
|
for determining the position of a list's marker | initial value: outside ; may only be applied to list elements; inherited
|
list-style-type | either disc , circle , square , decimal , lower-roman , upper-roman , lower-alpha , upper-alpha , none , or inherit
|
for setting a list's marker | initial value: disc ; may only be applied to list elements; not used if list-style-type is valid; inherited
|
margin | one to four of the following: length , percentage , or auto , or inherit
|
for setting the amount of space between one or more sides of an element's border and its parent element | initial value depends on browser and on value of width ; not inherited; percentages refer to width of containing block
|
margin-top, margin-right, margin-bottom, margin-left |
either a length, percentage, auto , or inherit
|
for setting the amount of space between only one side of an element's border and its parent element | initial value: 0 ; not inherited; percentages refer to width of containing block; the values for margin-right and margin-left may be overridden if sum of width , margin-right , and margin-left are larger than parent element's containing block
|
marks | either crop , cross or both, or use none or inherit
|
for printing crop marks and/or cross marks | initial value: none; can only be applied in a @page rule
|
max-height, max-width |
either a length, percentage, none , or inherit
|
for setting the maximum height and/or width of an element, respectively | initial value: none ; may not be applied to non-replaced inline elements or table elements; not inherited; percentages refer to height/width of containing block
|
min-height, min-width |
either a length, percentage, or inherit
|
for setting the minimum height and/or width of an element, respectively | initial value: 0 ; may not be applied to non-replaced inline elements or table elements; not inherited; percentages refer to height/width of containing block
|
orphans | either an integer or inherit
|
for specifying how many lines of an element may appear alone at the bottom of a page | initial value: 2; may only be applied to block-level elements; inherited |
overflow | either visible , hidden , scroll , auto , or inherit
|
for determining where extra content should go if it does not fit in the element's content area | initial value: visible ; may only be applied to block-level and replaced elements; not inherited
|
padding | one to four lengths or percentages, or inherit
|
for specifying the distance between one or more sides of an element's content area and its border | initial value depends on browser: not inherited; percentages refer to width of containing block |
padding-top, padding-right, padding-bottom, padding-left |
either a length, percentage, or inherit
|
for specifying the distance between one side of an element's content area and its border | initial value: 0 ; not inherited; percentages refer to width of containing block
|
page | either a page area's name or auto
|
for specifying on which kind of page an element should be printed | initial value: auto ; may only be applied to block-level elements; inherited; names are defined with @page rule
|
page-break-after, page-break-before |
either always , avoid , auto , right , left , or inherit
|
for specifying when page breaks should or should not occur | initial value: auto ; may only be applied to block-level elements; not inherited
|
page-break-inside | either avoid , auto , or inherit
|
for keeping page breaks from dividing an element across pages | initial value: auto ; may only be applied to block-level elements; inherited
|
position | either static , relative , absolute , fixed , or inherit
|
for determining how an element should be positioned with respect to the document's flow | initial value: static ; may not be applied to generated content; not inherited
|
right | either a length, percentage, auto , or inherit
|
for setting the distance that an element should be offset from its parent element's right edge | initial value: auto ; may only be applied to positioned elements; not inherited; percentages refer to width of containing block
|
size | either individual lengths for width and height, a single value for both width and height, landscape , portrait , auto , or inherit .
|
for determining the size of the printing area in a defined page | initial value: auto ; may only be used within an @page rule
|
table-display | one of fixed, auto, or inherit
|
for choosing the algorithm that should be used to determine the widths of cells | initial value: auto; not inherited |
text-align | one of left , right , center , justify , a string, or inherit
|
for aligning text | initial value depends on browser and writing direction; may only be applied to block-level elements; inherited |
text-decoration | any combination of underline , overline , line-through , and blink , or none or inherit
|
for decorating text (mostly with lines) | initial value: none ; not inherited
|
text-indent | either a length, percentage, or inherit
|
for setting the amount of space the first line of a paragraph should be indented | initial value: 0 ; may only be applied to block-level elements; inherited; percentages refer to width of containing block
|
text-transform | either capitalize , uppercase , lowercase , none , or inherit
|
for setting the capitalization of an element's text | initial value: none ; inherited
|
top | either a length, percentage, auto , or inherit
|
for setting the distance that an element should be offset from its parent element's top edge | initial value: auto ; may only be applied to positioned elements; not inherited; percentages refer to height of containing block
|
vertical-align | either baseline , sub , super , top , text-top , middle , bottom , text-bottom , a percentage, a length, or inherit
|
for aligning elements vertically | initial value: baseline ; may only be applied to inline-level and table cell elements; not inherited; percentages refer to the element's line-height property
|
visibility | either visible , hidden , collapse , or inherit
|
for hiding elements without taking them out of the document's flow | initial value: inherit , which rather makes the fact that it's not inherited a moot point
|
white-space | either normal , pre , nowrap , or inherit
|
for specifying how white space should be treated | initial value: normal ; may only be applied to block-level elements; inherited
|
widows | either an integer or inherit
|
for specifying how many lines of an element may appear alone at the top of a page | initial value: 2; may only be applied to block-level elements; inherited |
width | either a length, percentage, auto , or inherit
|
for setting the width of an element | initial value: auto ; may not be applied to non-replaced inline elements, table rows, or row groups; not inherited; percentages refer to width of containing block
|
word-spacing | either normal , a length, or inherit
|
for setting the distance between words | initial value: normal ; inherited
|
z-index | either auto , an integer, or inherit
|
for setting the depth of an element with respect to overlapping elements | initial value: auto ; may only be applied to positioned elements; not inherited
|