revenberg.net webdesign + meer

CSS eigenschappen en waarden

Property/Values Description and 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