Lista de propiedades CSS

La tabla siguiente resume las propiedades definidas en la recomendación Hojas de Estilo en Cascada, nivel 2. Al hacer clic en los nombres de las propiedades, podrás leer las explicaciones correspondientes.

Tipo de letra - Texto - Bordes - Márgenes - Relleno - Listas - Fondos - Seudo-clases - Seudo-elementos


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 \| longitud \| %
font-size-adjust
font-stretch	anchura	ultra-condensed \| extra-condensed \| condensed \| semi-condensed \| semi-expanded \| expanded \| extra-expanded \| ultra-expanded normal \| wider \| narrower
font-style	inclinación	normal \| oblique \| italic
font-variant	versalitas	normal \| small-caps
font-weight	grosor del trazo	100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| normal \| bold \| bolder \| lighter
Texto
Propiedad	Descripción	Valores
color	color del texto
direction	dirección del texto
letter-spacing	espacio entre carácteres
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	longitud \| %
text-shadow
text-transform	mayúsculas / minúsculas	none \| capitalize \| uppercase \| lowercase
unicode-bidi
white-space	manejo del espacio en blanco
word-spacing	espacio entre palabras
Bordes
Propiedad	Descripción	Valores
border	cuatro bordes simultáneamente	border-color border-width border-style
border-top	borde superior
border-right	borde derecho
border-bottom	borde inferior
border-left	borde izquierdo
border-color	color de los bordes
border-width	grosor de los bordes
border-style	estilos de los bordes	none \| hidden \| dotted \| dashed \| solid \| double \| groove \| ridge \| inset \| outset
border-top-color	color del borde superior
border-top-width	grosor del borde superior
border-top-style	estilo del borde superior
border-right-color	color del borde derecho
border-right-width	grosor del borde derecho
border-right-style	estilo del borde derecho
border-bottom-color	color del borde inferior
border-bottom-width	grosor del borde inferior
border-bottom-style	estilo del borde inferior
border-left-color	color del borde izquierdo
border-left-width	grosor del borde izquierdo
border-left-style	estilo del borde izquierdo
Márgenes
Propiedad	Descripción	Valores
margin	cuatro márgenes simultáneamente	longitud \| % (de 1 a 4 valores)
margin-top	margen superior	longitud \| %
margin-right	margen derecho	longitud \| %
margin-bottom	margen inferior	longitud \| %
margin-left	margen izquierdo	longitud \| %
Relleno
Propiedad	Descripción	Valores
padding	cuatro rellenos simultáneamente	longitud \| % (de 1 a 4 valores)
padding-top	relleno superior	longitud \| %
padding-right	relleno derecho	longitud \| %
padding-bottom	relleno inferior	longitud \| %
padding-left	relleno izquierdo	longitud \| %
Listas
Propiedad	Descripción	Valores
list-style	propiedad compuesta
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
list-style-position	posición del marcador	inside \| outside \| inherit
list-style-image	imagen del marcador	url ("ruta_y_nombre_de_archivo")
marker-offset	distancia entre marcador y elemento	longitud
Fondos
Propiedad	Descripción	Valores
background	propiedad compuesta
background-color	color de fondo
background-image	imagen de fondo	url ("ruta_y_nombre_de_archivo")
background-position	posición de la imagen de fondo	2 valores: longitud, %, top \| center \| bottom , left \| center \| right
background-repeat	repetición de la imagen de fondo	no-repeat \| repeat-x \| repeat-y \| repeat
background-attachment	atadura de la imagen	scroll \| fixed
Seudo-elementos
Nombre	Descripción	Valores
:first-letter	primera letra
:first:line	primera línea de texto
:before	inserta contenido antes del elemento
:after	inserta contenido después del elemento
Seudo-clases
Nombre	Descripción	Valores
:first-child	primer elemento hijo
:link	enlaces no visitados
:visited	enlaces ya visitados
:hover	cuando el ratón pasa sobre el elemento
:active	cuando haces clic sobre el elemento
:focus	cuando el elemento tiene el foco
:lang	idioma	:lang(en) \| :lang(es) \| :lang(fr) etc.

Autor: Bartolomé Sintes Marco
Última modificación: 4 de abril de 2003