Lista de propiedades CSS

La tabla siguiente resume las propiedades definidas en la recomendación Hojas de Estilo en Cascada, nivel 2. Los nombres de las propiedades enlazan con la página en la que se explica con detalle la propiedad. Las propiedades que han sido eliminadas en la recomendación CSS 2.1 (actualmente -abril de 2007- en fase de borrador) se listan al final.

Tipo de letra - Texto - Bordes - Márgenes - Relleno - Listas - Fondos - Pseudo-elementos - Pseudo-clases - Tablas - Posicionamiento - Tamaño - Impresora - Interface de usuario - No incluidas en CSS2.1

Tipo de letra (fuente)
Propiedad	Descripción	Valores
font	propiedad compuesta
font-family	tipo de letra (fuente)	serif | sans-serif | cursive | fantasy | monospace
font-size	tamaño	xx-small | x-small | medium | large | x-large | xx-large | larger | smaller | distancia | %
font-style	inclinación (cursiva)	normal | oblique | italic
font-variant	versalitas	normal | small-caps
font-weight	grosor del trazo (negrita)	100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | normal | bold | bolder | lighter
line-height	espaciado	normal | número | distancia | %
Texto
Propiedad	Descripción	Valores
color	color del texto	color
direction	dirección del texto	ltr | rtl
letter-spacing	espacio entre carácteres	distancia
text-align	alineación del texto	left | right | center | justify
text-decoration	decoración del texto	none | underline | overline | line-through | blink
text-indent	sangría de la primera línea	distancia | %
text-transform	mayúsculas / minúsculas	none | capitalize | uppercase | lowercase
unicode-bidi	dirección del texto	normal | embed | bidi-override
vertical-align	alineación vertical	baseline | sub | super | top | text-top | middle | bottom | text-bottom | distancia | %
white-space	espacios en blanco, saltos de línea y wrap	normal | pre | nowrap
word-spacing	espacio entre palabras	distancia
Bordes
Propiedad	Descripción	Valores
border	cuatro bordes simultáneamente	border-color border-width border-style
border-top	borde superior	border-color border-width border-style
border-right	borde derecho	border-color border-width border-style
border-bottom	borde inferior	border-color border-width border-style
border-left	borde izquierdo	border-color border-width border-style
border-color	color de los bordes	(de 1 a 4 colores)
border-width	grosor de los bordes	thin | medium | thick | distancia (de 1 a 4 grosores)
border-style	estilos de los bordes	none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset (de 1 a 4 estilos)
border-top-color	color del borde superior
border-top-width	grosor del borde superior	thin | medium | thick | distancia
border-top-style	estilo del borde superior	none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset (de 1 a 4 estilos)
border-right-color	color del borde derecho
border-right-width	grosor del borde derecho	thin | medium | thick | distancia
border-right-style	estilo del borde derecho	none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset (de 1 a 4 estilos)
border-bottom-color	color del borde inferior
border-bottom-width	grosor del borde inferior	thin | medium | thick | distancia
border-bottom-style	estilo del borde inferior	none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset (de 1 a 4 estilos)
border-left-color	color del borde izquierdo
border-left-width	grosor del borde izquierdo	thin | medium | thick | distancia
border-left-style	estilo del borde izquierdo	none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset (de 1 a 4 estilos)
outline	cuatro bordes simultáneamente	border-color border-width border-style
outline-color	color de los bordes	border-color
outline-width	grosor de los bordes	border-width
outline-style	estilos de los bordes	border-style
Márgenes
Propiedad	Descripción	Valores
margin	cuatro márgenes simultáneamente	distancia | % (de 1 a 4 valores)
margin-top	margen superior	distancia | %
margin-right	margen derecho	distancia | %
margin-bottom	margen inferior	distancia | %
margin-left	margen izquierdo	distancia | %
Relleno
Propiedad	Descripción	Valores
padding	cuatro rellenos simultáneamente	distancia | % (de 1 a 4 valores)
padding-top	relleno superior	distancia | %
padding-right	relleno derecho	distancia | %
padding-bottom	relleno inferior	distancia | %
padding-left	relleno izquierdo	distancia | %
Listas
Propiedad	Descripción	Valores
list-style	propiedad compuesta
list-style-image	imagen del marcador	url ("ruta_y_nombre_de_archivo")
list-style-position	posición del marcador	inside | outside | inherit
list-style-type	tipo de marcador	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
Fondos
Propiedad	Descripción	Valores
background	propiedad compuesta
background-attachment	atadura de la imagen	scroll | fixed
background-color	color de fondo	color
background-image	imagen de fondo	url ("ruta_y_nombre_de_archivo")
background-position	posición de la imagen de fondo	2 valores: distancia, %, top | center | bottom , left | center | right
background-repeat	repetición de la imagen de fondo	no-repeat | repeat-x | repeat-y | repeat
Pseudo-elementos
Nombre	Descripción	Valores
:after	inserta contenido después del elemento	content: contenido
:before	inserta contenido antes del elemento	content: contenido
:first-letter	primera letra
:first:line	primera línea de texto
content	contenido generado	texto | url ("ruta_y_nombre_de_archivo") | counter(nombre, estilo) | attr(atributo) | open-quote | close-quote | no-open-quote | no-close-quote
counter-increment	incremento de contador
counter-reset	puesto a cero de contador
quotes	comillas	apertura cierre apertura cierre ...
Pseudo-clases
Nombre	Descripción	Valores
:active	cuando haces clic sobre el elemento
:first-child	primer elemento hijo
:focus	cuando el elemento tiene el foco
:hover	cuando el ratón pasa sobre el elemento
:lang	idioma	:lang(en) | :lang(es) | :lang(fr) etc.
:link	enlaces no visitados
:visited	enlaces ya visitados
Tablas
Propiedad	Descripción	Valores
border-collapse	modo de bordes	separate | collapse
border-spacing	separación entre celdas	distancia
caption-side	posición de la leyenda	top | bottom | left | right
empty-cells	borde de casillas vacías	show | hide
Posicionamiento
Propiedad	Descripción	Valores
float	modo de posicionamiento flotante	left | right
clear	lado en el que no puede haber elementos flotantes	none | left | right | both
position	modo de posicionamiento	static | relative | absolute | fixed
top	posición del borde superior del elemento	distancia | %
right	posición del borde derecho del elemento	distancia | %
bottom	posición del borde inferior del elemento	distancia | %
left	posición del borde izquierdo del elemento	distancia | %
clip	recorta el elemento	rect(distancia, distancia, distancia, distancia)
display	tipo de caja	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
overflow	si el contenido desborda al elemento	visible | hidden | scroll | auto
visiblitiy	visibilidad	visible | hidden | collapse
z-index	apilamiento	valor (número entero)
Tamaño
Propiedad	Descripción	Valores
width	anchura	distancia | % | auto
min-width	anchura mínima	distancia | %
max-width	anchura máxima	distancia | %
height	altura	distancia | % | auto
min-height	altura mínima	distancia | %
max-height	anchura máxima	distancia | %
Impresora
Propiedad	Descripción	Valores
page-break-after	salto de página después de	auto | always | avoid | left | right
page-break-before	salto de página antes de	auto | always | avoid | left | right
page-break-inside	salto de página dentro de	auto | always | avoid | left | right
orphans	número de líneas al final de página	valor (número entero)
widows	número de líneas al principio de la página	valor (número entero)
Interface de usuario
Propiedad	Descripción	Valores
cursor	tipo de 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
Propiedades no incluidas en CSS 2.1
Propiedad	Descripción	Valores
font-size-adjust	ajuste de tamaño	número decimal
font-stretch	anchura	ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded normal | wider | narrower
marker-offset	distancia entre marcador y elemento	distancia
text-shadow	sombreado	desplazamiento horizontal, desplazamiento vertical, tamaño desenfoque, color