Tabla de Referencia CSS 2

Soporte de Navegadores: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: El número en la columna "W3C" indica la recomendacion de W3C para los CSS estan definidas las propiedades. (CSS1 o CSS2).

Fondos

Propiedad	Descripción	Valores	IE	F	N	W3C
background	Fondo. Se usa de esta forma para definir todos los estilos del fondo en una sola declaración.	background-color background-image background-repeat background-attachment background-position	4	1	6	1
background-attachment	Define si una imagen de fondo es fija, o si se mueve con el contenido al hacer scroll.	scroll fixed	4	1	6	1
background-color	Define el color de fondo de un elemento.	color-rgb color-hex color-name transparent	4	1	4	1
background-image	Define una imagen como fondo de un elemento.	url none	4	1	4	1
background-position	Define la posición inicial de la imagen de fondo.	top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos	4	1	6	1
background-repeat	Define si se repite y como s ereepite una imagen en el fondo.	repeat repeat-x repeat-y no-repeat	4	1	4	1

volver arriba

Bordes

Propiedad	Descripción	Valores	IE	F	N	W3C
border	Borde. Usado de esta forma para definir todos los atributos en una sola declaración.	border-width border-style border-color	4	1	4	1
border-bottom	Define los atributos para el borde inferior.	border-bottom-width border-style border-color	4	1	6	1
border-bottom-color	Define el color del borde inferior.	border-color	4	1	6	2
border-bottom-style	Define el estilo del borde inferior.	border-style	4	1	6	2
border-bottom-width	Define el grosor del borde inferior.	thin medium thick length	4	1	4	1
border-color	Define el color de todos los bordes.	color	4	1	6	1
border-left	Define todos los atributos para el borde izquierdo.	border-left-width border-style border-color	4	1	6	1
border-left-color	Define el color del borde izquierdo.	border-color	4	1	6	2
border-left-style	Define el estilo del borde izquierdo.	border-style	4	1	6	2
border-left-width	Define el grosor del borde izquierdo.	thin medium thick length	4	1	4	1
border-right	Define todos los atributos del borde derecho.	border-right-width border-style border-color	4	1	6	1
border-right-color	Define el color del borde derecho.	border-color	4	1	6	2
border-right-style	Define el estilo del borde derecho .	border-style	4	1	6	2
border-right-width	Define el grosor del borde derecho.	thin medium thick length	4	1	4	1
border-style	Define el estilo para todos los bordes.	none hidden dotted dashed solid double groove ridge inset outset	4	1	6	1
border-top	Define todos los atributos del borde superior.	border-top-width border-style border-color	4	1	6	1
border-top-color	Define el color del borde superior.	border-color	4	1	6	2
border-top-style	Define el estilo del borde superior.	border-style	4	1	6	2
border-top-width	Define el grosor del borde superior.	thin medium thick length	4	1	4	1
border-width	Define el grosor de todos los bordes d eun elemento.	thin medium thick length	4	1	4	1

volver arriba

Clasificación

Propiedad	Descripción	Valores	IE	F	N	W3C
clear	Define sobre qué lados de un elemento pueden posicionarse otros elementos flotados.	left right both none	4	1	4	1
cursor	Especifica el tipo de cursor mostrado para el elemento.	url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help	4	1	6	2
display	Define cómo un elemento es mostrado.	none 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	4	1	4	1
float	Define donde un elemento es posicionado dentro d eotro. (izquierda o derecha).	left right none	4	1	4	1
position	Coloca un elemento en una posición estática, absoluta, relativa o fija.	static relative absolute fixed	4	1	4	2
visibility	Define si un elemento es visible o invisible	visible hidden collapse	4	1	6	2

volver arriba

Dimensión

Propiedad	Descripción	Valores	IE	F	N	W3C
height	Define la altura de un elemento.	auto length %	4	1	6	1
line-height	Define la altura entre lineas	normal number length %	4	1	4	1
max-height	Define la altura máxima permitida para un elemento.	none length %	-	1	6	2
max-width	Define el ancho máximo permitido para un elemento	none length %	-	1	6	2
min-height	Define la altura mínima permitida para un elemento.	length %	-	1	6	2
min-width	Define el ancho mínimo permitido para un elemento.	length %	-	1	6	2
width	Define el ancho de un elemento.	auto % length	4	1	4	1

volver arriba

Fuentes

Propiedad	Descripción	Valores	IE	F	N	W3C
font	Fuente. Se usa para cambiar todos los atributos de la fuente.	font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar	4	1	4	1
font-family	Una lista prioritaria de nombres de famiias de fuentes o d efamilias genericas de fuentes para un elemento.	family-name generic-family	3	1	4	1
font-size	Define el tamaño de la fuente para un elemento.	xx-small x-small small medium large x-large xx-large smaller larger length %	3	1	4	1
font-size-adjust	Especifica el valor del aspecto de un elemento que preservará la altura de la primera fuente.	none number	-	-	-	2
font-stretch	Condensa o expande la fuente.	normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded	-	-	-	2
font-style	Define el estilo de la fuente	normal italic oblique	4	1	4	1
font-variant	Muestra el texto en small-caps o normal.	normal small-caps	4	1	6	1
font-weight	Define el grosor de la fuente.	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	4	1	4	1

volver arriba

Contenido Generado

Propiedad	Descripción	Valores	IE	F	N	W3C
content	Genera contenido en un documento. Se usa con los pseudo elementos :before y :after .	string url counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote		1	6	2
counter-increment	Define en cuanto aumentará el contador en cada sentencia de un selector.	none identifier number				2
counter-reset	Define el valor del contador para cada sentencia en un selector.	none identifier number				2
quotes	Define el tipo de marca del contador.	none string string	-	1	6	2

volver arriba

Listas and Viñetas

Propiedad	Descripción	Valores	IE	F	N	W3C
list-style	Define los atributos de una lista.	list-style-type list-style-position list-style-image	4	1	6	1
list-style-image	Define una imagen como viñeta para elementos de lista.	none url	4	1	6	1
list-style-position	Define la posiciójn para las viñetas en los elementos de lista.	inside outside	4	1	6	1
list-style-type	Define el tipo de viñeta para los elementos de lista.	none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha	4	1	4	1
marker-offset		auto length		1	7	2

volver arriba

Margen

Propiedad	Descripción	Valores	IE	F	N	W3C
margin	Define los atributos de todos los margenes de un elemento.	margin-top margin-right margin-bottom margin-left	4	1	4	1
margin-bottom	Define el margen inferior de un elemento.	auto length %	4	1	4	1
margin-left	Define el margen izquierdo de un elemento.	auto length %	3	1	4	1
margin-right	Define el margen derecho de un elemento.	auto length %	3	1	4	1
margin-top	Define el margen superior de un elemento.	auto length %	3	1	4	1

volver arriba

Outlines

Propiedad	Descripción	Valores	IE	F	N	W3C
outline	Define todos los atributos de la linea externa de un elemento.	outline-color outline-style outline-width	-	-	-	2
outline-color	Define el color de la linea externa de un elemento.	color invert	-	-	-	2
outline-style	Define el estilo de la linea eterna de un elemento.	none dotted dashed solid double groove ridge inset outset	-	-	-	2
outline-width	Define el grosor de la linea externa de un elemento.	thin medium thick length	-	-	-	2

volver arriba

Padding (relleno)

On-line examples

Property	Description	Values	IE	F	N	W3C
padding	Define todos los atributos de relleno para un elemento.	padding-top padding-right padding-bottom padding-left	4	1	4	1
padding-bottom	Define el relleno inferior de un elemento.	length %	4	1	4	1
padding-left	Define el relleno izquierdo de un elemento.	length %	4	1	4	1
padding-right	Define el relleno derecho de un elemento.	length %	4	1	4	1
padding-top	Define el relleno superior de un elemento.	length %	4	1	4	1

volver arriba

Poscionamiento

Propiedad	Descripción	Valores	IE	F	N	W3C
bottom	Define la distancia entre el borde inferior de un elemento en relación al elemento padre.	auto % length	5	1	6	2
clip	Define la forma de un elemento. El elemento es cortado segun esta forma, y mostrado.	shape auto	4	1	6	2
left	Define la distancia entre el borde izquierdo de un elemento y el elemento padre.	auto % length	4	1	4	2
overflow	Define el comportamiento del contenido de un elemento, si este se desborda de su área.	visible hidden scroll auto	4	1	6	2
position	Posiciona un elemento de forma estática, relativa, absoluta o fija.	static relative absolute fixed	4	1	4	2
right	Define la distancia entre el borde derecho de un elemento y el elemento padre.	auto % length	5	1	6	2
top	Define la distancia entre el borde superior de un elemento y el eleento padre.	auto % length	4	1	4	2
vertical-align	Define la alineaión vertical de un elemento.	baseline sub super top text-top middle bottom text-bottom length %	4	1	4	1
z-index	Define el orden de apilamiento de un elemento.	auto number	4	1	6	2

volver arriba

Tabla

Property	Description	Values	IE	F	N	W3C
border-collapse	Define el modelo de borde de una tabla.	collapse separate	5	1	7	2
border-spacing	Define la distancia entre el borde de celdas adyacentes. (solo para modelos "separated borders").	length length	-	1	6	2
caption-side	Define la posición del elemento "caption" en relación a la tabla.	top bottom left right	-	1	6	2
empty-cells	Define si las celdas sin ontenido visible tendrán bordes o no. (solo para el modelo "separated borders").	show hide	-	1	6	2
table-layout	Define el algoritmo uado para formatear la tabla.	auto fixed	5	1	6	2

volver arriba

Texto

Property	Description	Values	IE	F	N	W3C
color	Define el color del texto.	color	3	1	4	1
direction	Define la direción del texto.	ltr rtl	6	1	6	2
letter-spacing	Incrementa o Disminuye el espacio entre caracteres.	normal length	4	1	6	1
text-align	Define la alineación del texto en un elemento.	left right center justify	4	1	4	1
text-decoration	Añade decoración al texto.	none underline overline line-through blink	4	1	4	1
text-indent	Define la tabulación de la primera inea de texto en un elemento.	length %	4	1	4	1
text-transform	Controla los caracteres en un elemento.	none capitalize uppercase lowercase	4	1	4	1
unicode-bidi		normal embed bidi-override	5			2
white-space	Define cuanto espacio en blanco es manejado dentro de un elemento.	normal pre nowrap	5	1	4	1
word-spacing	Incrementa o disminuye el espaciado entre palabras en un elemento.	normal length	6	1	6	1

volver arriba

Pseudo-clases

Pseudo-clase	Proposito	IE	F	N	W3C
:active	Añade atributos especificos al vínculo seleccionado.	4	1		1
:hover	Añade atributos al vínculo con el ratón encima.	4	1	7	1
:link	Añade atributos a un vínculo no visitado.	3	1	4	1
:visited	Añade atributos a un vínculo visitado	3	1	4	1
:first-child	Añade atributos específicos a un elemento que es el primer "hijo" de otro elemento.		1	7	2
:lang	Especifica el lenguaje a ser usado en un elemento.		1		2

volver arriba

Pseudo-elementos

Pseudo-elemento	Proposito	IE	F	W3C
:first-letter	Añade atributos específicos a la primera letra deun texto.	5	1	1
:first-line	Añade atributos específicos a la primera linea de un texto.	5	1	1
:before	Inserta contenido antes de un elemento.			2
:after	Inserta contenido despues de un elemento.			2