Indice de Propiedades

En esta página encontrarán ordenadas por orden alfabético todas las propiedades que se pueden aplicar en las CSS. En la primer columna de la tabla, cada propiedad es un link a una página donde se dan precisiones acerca de esa propiedad: definición, significado de los valores, medios a los que se aplica, su valor inicial, si se hereda, etc. La segunda columna contiene todos los valores posibles para cada propiedad. En su mayoría se trata de palabras claves (left, top, transparent, etc.) que se usan literalmente y cuyo significado se explica en la página dedicada a cada propiedad. En otros casos (como <ángulo>, <color>, <medida>, etc) son datos básicos que contienen un link a la página donde se explican sus posibles valores. Un tercer caso es cuando comparten el mismo rango de valores de una propiedad con el mismo nombre (<'border-width'>, <'background-attachment'>, etc), en cuyo caso es un link a la definición correspondiente. Notarán que la lista de valores están organizados mediante algunos signos. El significado es el siguiente:

Varias palabras puestas una a continuación de la otra, significa que todas ellas deben aparecer (y en el mismo orden).
Las palabras separadas por una barra (|) son alternativas: solamente una de ellas debe usarse.
Las palabras separadas por una barra doble (||) son opciones: una o más pueden aparecer.
Los corchetes ([]) son para agrupar.

Al cierre de algunos corchetes se pueden encontrar algunos de estos modificadores:

Un asterisco (*) indica que el tipo, palabra o grupo precedente (es decir, aquello encerrado por los corchetes) aparece cero o más veces.
Una signo más (+) indica que aparece una o más veces.
Un signo de interrogación (?) indica que es opcional.
Un par de números entre llaves ({A,B}) indica que aparece por lo menos A y a lo sumo B veces.

A no desesperar que todo lo anterior suena complicado pero en la práctica no se necesitan consultar tantos detalles y el sentido común se encarga de avisarnos que si ponemos una fuente como normal no podemos, simultáneamente, ponerla como itálica. Esta tabla les resultará muy útil como una referencia rápida para consultar en todo momento, así que mi consejo (por experiencia propia) es hacer una copia impresa y tenerla siempre a mano.

Indice de propiedades

Propiedad	Valores
'azimuth'	<ángulo> \| [[ left-side \| far-left \| left \| center-left \| center \| center-right \| right \| far-right \| right-side ] \|\| behind ] \| leftwards \| rightwards \| inherit
'background'	['background-color' \|\| 'background-image' \|\| 'background-repeat' \|\| 'background-attachment' \|\| 'background-position' ] \| inherit
'background-attachment'	scroll \| fixed \| inherit
'background-color'	<color> \| transparent \| inherit
'background-image'	<uri> \| none \| inherit
'background-position'	[ [<porcentaje> \| <medida> ]{1,2} \| [ [top \| center \| bottom] \|\| [left \| center \| right] ] ] \| inherit
'background-repeat'	repeat \| repeat-x \| repeat-y \| no-repeat \| inherit
'border'	[ border-width \|\| border-style \|\| <color> ] \| inherit
'border-collapse'	collapse \| separate \| inherit
'border-color'	<color>{1,4} \| transparent \| inherit
'border-spacing'	<medida> <medida>? \| inherit
'border-style'	<estilo-del-borde>{1,4} \| inherit
'border-top' 'border-right' 'border-bottom' 'border-left'	[ border-width \|\| border-style \|\| <color> ] \| inherit
'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color'	<color> \| inherit
'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style'	<estilo-del-borde> \| inherit
'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width'	<ancho-del-borde> \| inherit
'border-width'	<ancho-del-borde>{1,4} \| inherit
'bottom'	<medida> \| <porcentaje> \| auto \| inherit
'caption-side'	top \| bottom \| left \| right \| inherit
'clear'	none \| left \| right \| both \| inherit
'clip'	<forma> \| auto \| inherit
'color'	<color> \| inherit
'content'	[ <cadena> \| <uri> \| <contador> \| attr(X) \| open-quote \| close-quote \| no-open-quote \| no-close-quote ]+ \| inherit
'counter-increment'	[ <identificador> <entero>? ]+ \| none \| inherit
'counter-reset'	[ <identificador> <entero>? ]+ \| none \| inherit
'cue'	[ 'cue-before' \|\| 'cue-after' ] \| inherit
'cue-after'	<uri> \| none \| inherit
'cue-before'	<uri> \| none \| inherit
'cursor'	[ [<uri> ,]* [ auto \| crosshair \| default \| pointer \| move \| e-resize \| ne-resize \| nw-resize \| n-resize \| se-resize \| sw-resize \| s-resize \| w-resize\| text \| wait \| help ] ] \| inherit
'direction'	ltr \| rtl \| inherit
'display'	inline \| block \| list-item \| run-in \| compact \| marker \| table \| inline-table \| table-row-group \| table-header-group \| table-footer-group \| table-row \| table-column-group \| table-column \| table-cell \| table-caption \| none \| inherit
'elevation'	<ángulo> \| below \| level \| above \| higher \| lower \| inherit
'empty-cells'	show \| hide \| inherit
'float'	left \| right \| none \| inherit
'font'	[ [ 'font-style' \|\| 'font-variant' \|\| 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] \| caption \| icon \| menu \| message-box \| small-caption \| status-bar \| inherit
'font-family'	[[ <nombre-de-la-familia> \| <familia-genérica> ],]* [<nombre-de-la-familia> \| <familia-genérica>] \| inherit
'font-size'	<tamaño-absoluto> \| <tamaño-relativo> \| <medida> \| <porcentaje> \| inherit
'font-size-adjust'	<número> \| none \| inherit
'font-stretch'	normal \| wider \| narrower \| ultra-condensed \| extra-condensed \| condensed \| semi-condensed \| semi-expanded \| expanded \| extra-expanded \| ultra-expanded \| inherit
'font-style'	normal \| italic \| oblique \| inherit
'font-variant'	normal \| small-caps \| inherit
'font-weight'	normal \| bold \| bolder \| lighter \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| inherit
'height'	<medida> \| <porcentaje> \| auto \| inherit
'left'	<medida> \| <porcentaje> \| auto \| inherit
'letter-spacing'	normal \| <medida> \| inherit
'line-height'	normal \| <número> \| <medida> \| <porcentaje> \| inherit
'list-style'	[ 'list-style-type' \|\| 'list-style-position' \|\| 'list-style-image' ] \| inherit
'list-style-image'	<uri> \| none \| inherit
'list-style-position'	inside \| outside \| inherit
'list-style-type'	disc \| circle \| square \| decimal \| decimal-leading-zero \| lower-roman \| upper-roman \| lower-greek \| lower-alpha \| lower-latin \| upper-alpha \| upper-latin \| hebrew \| armenian \| georgian \| cjk-ideographic \| hiragana \| katakana \| hiragana-iroha \| katakana-iroha \| none \| inherit
'margin'	<ancho-del-margen>{1,4} \| inherit
'margin-top' 'margin-right' 'margin-bottom' 'margin-left'	<ancho-del-margen> \| inherit
'marker-offset'	<medida> \| auto \| inherit
'marks'	[ crop \|\| cross ] \| none \| inherit
'max-height'	<medida> \| <porcentaje> \| none \| inherit
'max-width'	<medida> \| <porcentaje> \| none \| inherit
'min-height'	<medida> \| <porcentaje> \| inherit
'min-width'	<medida> \| <porcentaje> \| inherit
'orphans'	<entero> \| inherit
'outline'	[ 'outline-color' \|\| 'outline-style' \|\| 'outline-width' ] \| inherit
'outline-color'	<color> \| invert \| inherit
'outline-style'	<border-style> \| inherit
'outline-width'	<border-width> \| inherit
'overflow'	visible \| hidden \| scroll \| auto \| inherit
'padding'	<ancho-del-relleno>{1,4} \| inherit
'padding-top' 'padding-right' 'padding-bottom' 'padding-left'	<ancho-del-relleno> \| inherit
'page'	<identificador> \| auto
'page-break-after'	auto \| always \| avoid \| left \| right \| inherit
'page-break-before'	auto \| always \| avoid \| left \| right \| inherit
'page-break-inside'	avoid \| auto \| inherit
'pause'	[ [<tiempo> \| <porcentaje>]{1,2} ] \| inherit
'pause-after'	<tiempo> \| <porcentaje> \| inherit
'pause-before'	<tiempo> \| <porcentaje> \| inherit
'pitch'	<frecuencia> \| x-low \| low \| medium \| high \| x-high \| inherit
'pitch-range'	<número> \| inherit
'play-during'	<uri> mix? repeat? \| auto \| none \| inherit
'position'	static \| relative \| absolute \| fixed \| inherit
'quotes'	[<cadena> <cadena>]+ \| none \| inherit
'richness'	<número> \| inherit
'right'	<medida> \| <porcentaje> \| auto \| inherit
'size'	<medida>{1,2} \| auto \| portrait \| landscape \| inherit
'speak'	normal \| none \| spell-out \| inherit
'speak-header'	once \| always \| inherit
'speak-numeral'	digits \| continuous \| inherit
'speak-punctuation'	code \| none \| inherit
'speech-rate'	<número> \| x-slow \| slow \| medium \| fast \| x-fast \| faster \| slower \| inherit
'stress'	<número> \| inherit
'table-layout'	auto \| fixed \| inherit
'text-align'	left \| right \| center \| justify \| <cadena> \| inherit
'text-decoration'	none \| [ underline \|\| overline \|\| line-through \|\| blink ] \| inherit
'text-indent'	<medida> \| <porcentaje> \| inherit
'text-shadow'	none \| [<color> \|\| <medida> <medida> <medida>? ,]* [<color> \|\| <medida> <medida> <medida>?] \| inherit
'text-transform'	capitalize \| uppercase \| lowercase \| none \| inherit
'top'	<medida> \| <porcentaje> \| auto \| inherit
'unicode-bidi'	normal \| embed \| bidi-override \| inherit
'vertical-align'	baseline \| sub \| super \| top \| text-top \| middle \| bottom \| text-bottom \| <porcentaje> \| <medida> \| inherit
'visibility'	visible \| hidden \| collapse \| inherit
'voice-family'	[[<voz-específica> \| <voz-genérica> ],]* [<voz-específica> \| <voz-genérica> ] \| inherit
'volume'	<número> \| <porcentaje> \| silent \| x-soft \| soft \| medium \| loud \| x-loud \| inherit
'white-space'	normal \| pre \| nowrap \| inherit
'widows'	<entero> \| inherit
'width'	<medida> \| <porcentaje> \| auto \| inherit
'word-spacing'	normal \| <medida> \| inherit
'z-index'	auto \| <entero> \| inherit