Lista de propiedades CSS

La tabla siguiente resume las propiedades definidas en la recomendación Hojas de

Estilo en Cascada nivel 2 (CSS 2), excepto las propiedades relacionadas con las hojas
de estilo auditivas (aural). Las propiedades que han sido eliminadas en la
recomendación CSS 2.1 (actualmente -octubre de 2007- en fase de borrador) se listan al
final. Los valores de las propiedades añadidos o eliminados en la recomendación CSS
2.1 se indican con los símbolos (+) o (-).

Tipo de letra - Texto - Bordes - Márgenes - Rellenos - Listas - Fondos - Tablas -

Posicionamiento - Tamaño - Impresora - Interface de usuario - Pseudo-elementos -
Pseudo-clases - No incluidas en CSS2.1 - Tipos

Tipo de letra (fuente)

Propiedad Descripción Valores
[ [ font-style || font-variant || font-weight ]? font-size [ /
propiedad
font line-height ]? font-family ] | caption | icon | menu |
compuesta
message-box | small-caption | status-bar
tipo de letra [ nombre-fuente | familia-genérica ] [, nombre-fuente |
font-family
(fuente) familia-genérica ]*
font-size tamaño tamaño-absoluto | tamaño-relativo | distancia | porcentaje
inclinación
font-style normal | italic | oblique
(cursiva)
font-variant versalitas normal | small-caps
grosor del trazo normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 |
font-weight
(negrita) 600 | 700 | 800 | 900
Texto
Propiedad Descripción Valores
color color del texto color
dirección del
direction ltr | rtl
texto
letter- espacio entre
normal | distancia
spacing carácteres
espaciado entre
line-height normal | número | distancia | porcentaje
líneas
alineación del
text-align center | justify | left | right
texto
text- decoración del
none | blink | line-through | overline | underline
decoration texto
sangría de la
text-indent distancia | porcentaje
primera línea
text- mayúsculas / none | capitalize | lowercase | uppercase
transform minúsculas
dirección del
unicode-bidi normal | embed | bidi-override
texto
alineación baseline | bottom | middle | sub | super | text-bottom |
vertical-align
vertical text-top | top | distancia | porcentaje
espacios en
white-space blanco, saltos de normal | nowrap | pre | pre-line(+) | pre-wrap(+)
línea y wrap
word- espacio entre
normal | distancia
spacing palabras
Bordes
Propiedad Descripción Valores
cuatro bordes
border border-color || border-width || border-style
simultáneamente
border-top borde superior border-color || border-width || border-style
border-right borde derecho border-color || border-width || border-style
border-
borde inferior border-color || border-width || border-style
bottom
border-left borde izquierdo border-color || border-width || border-style
color de los
border-color [ color | transparent ] {1, 4}
bordes
grosor de los
border-width [ medium | thick | thin | distancia ] {1, 4}
bordes
estilos de los [ none | hidden | dashed | dotted | double | groove | inset |
border-style
bordes outset | ridge | solid ] {1, 4}
border-top- color del borde
[ transparent | color ] {1, 4}
color superior
border-top- grosor del borde
[ medium | thick | thin | distancia ] {1, 4}
width superior
border-top- estilo del borde [ none | hidden | dashed | dotted | double | groove | inset |
style superior outset | ridge | solid ] {1, 4}
border-right- color del borde
[ transparent | color ] {1, 4}
color derecho
border-right- grosor del borde
[ medium | thick | thin | distancia ] {1, 4}
width derecho
border-right- estilo del borde [ none | hidden | dashed | dotted | double | groove | inset |
style derecho outset | ridge | solid ] {1, 4}
border- color del borde
[ transparent | color ] {1, 4}
bottom-color inferior
border-
grosor del borde
bottom- [ medium | thick | thin | distancia ] {1, 4}
inferior
width
border- estilo del borde [ none | hidden | dashed | dotted | double | groove | inset |
bottom-style inferior outset | ridge | solid ] {1, 4}
border-left- color del borde
[ transparent | color ] {1, 4}
color izquierdo
border-left- grosor del borde
[ medium | thick | thin | distancia ] {1, 4}
width izquierdo
border-left- estilo del borde [ none | hidden | dashed | dotted | double | groove | inset |
style izquierdo outset | ridge | solid ] {1, 4}
Márgenes
Propiedad Descripción Valores
cuatro márgenes
margin [ auto | distancia | porcentaje ] {1, 4}
simultáneamente
margin-top margen superior auto | distancia | porcentaje
margin-right margen derecho auto | distancia | porcentaje
margin-
margen inferior auto | distancia | porcentaje
bottom
margin-left margen izquierdo auto | distancia | porcentaje
Rellenos
Propiedad Descripción Valores
cuatro rellenos
padding [ distancia | porcentaje ] {1, 4}
simultáneamente
padding-top relleno superior distancia | porcentaje
padding-
relleno derecho distancia | porcentaje
right
padding-
relleno inferior distancia | porcentaje
bottom
padding-left relleno izquierdo distancia | porcentaje
Listas
Propiedad Descripción Valores
propiedad
list-style list-style-image || list-style-position || list-style-type
compuesta
list-style- imagen del
none | uri
image marcador
list-style- posición del
inside | outside
position marcador
none | circle | disc | square | decimal | decimal-leading-
zero | lower-alpha | upper-alpha | lower-greek | lower-latin
list-style-
tipo de marcador | upper-latin | lower-roman | upper-roman | armenian |
type
georgian | hebrew(-) | cjk-ideographic(-) | hiragana (-) |
katakana (-) | hiragana-iroha(-) | katakana-iroha(-)
Fondos
Propiedad Descripción Valores
 propiedad background-attachment || background-color || background-
background
compuesta image || background-position || background-repeat
background- atadura de la
fixed | scroll
attachment imagen
background-
color de fondo transparent | color
color
background-
imagen de fondo none | uri
image
[ [ left | center | right | distancia | porcentaje] [ top | center |
background- posición de la
bottom | distancia | porcentaje] ]? | [ [ left | center | right ]
position imagen de fondo
|| [ top | center | bottom ] ]
background- repetición de la
no-repeat | repeat | repeat-x | repeat-y
repeat imagen de fondo
Tablas
Propiedad Descripción Valores
border-
modo de bordes collapse | separate
collapse
border- separación entre
distancia distancia?
spacing celdas
posición de la
caption-side top | bottom | left(-) | right(-)
leyenda
borde de casillas
empty-cells hide | show
vacías
algoritmo ancho
table-layout auto | fixed
de tabla
Posicionamiento
Propiedad Descripción Valores
modo de
float posicionamiento none | left | right
flotante
lado en el que no
puede haber
clear none | both | left | right
elementos
flotantes
modo de
position absolute | fixed | relative | static
posicionamiento
posición del
top borde superior auto | distancia | porcentaje
del elemento
posición del
right borde derecho auto | distancia | porcentaje
del elemento
bottom posición del auto | distancia | porcentaje
 borde inferior del
elemento
posición del
left borde izquierdo auto | distancia | porcentaje
del elemento
recorta el
clip auto | forma
elemento
none | block | compact(-) | inline | inline-block(+) | inline-
table | list-item | marker(-) | run-in | table | table-caption |
display tipo de caja table-cell | table-column | table-column-group | table-
footer-group | table-header-group | table-row | table-row-
group
si el contenido
overflow desborda al auto | hidden | scroll | visible
elemento
visibility visibilidad hidden | collapse | visible
z-index apilamiento auto | número-entero
Tamaño
Propiedad Descripción Valores
width anchura auto | distancia | porcentaje
min-width anchura mínima distancia | porcentaje
max-width anchura máxima distancia | porcentaje
height altura auto | distancia | porcentaje
min-height altura mínima distancia | porcentaje
max-height anchura máxima distancia | porcentaje
Impresora
Propiedad Descripción Valores
page-break- salto de página
auto | always | avoid | left | right
after después de
page-break- salto de página
auto | always | avoid | left | right
before antes de
page-break- salto de página
auto | avoid
inside dentro de
número de líneas
orphans número-entero
al final de página
número de líneas
widows al principio de la número-entero
página
Interface de usuario
Propiedad Descripción Valores
cursor tipo de cursor [uri,]* | auto | crosshair | default | help | move | pointer |
progress | n-resize | ne-resize | e-resize | se-resize | s-resize
 | sw-resize | w-resize | nw-resize | text | wait
cuatro bordes
outline outline-color || outline-width || outline-style
simultáneamente
color de los
outline-color color
bordes
outline- grosor de los
border-width
width bordes
estilos de los
outline-style border-style
bordes
Pseudo-elementos
Nombre Descripción Valores
inserta contenido
:after después del content: contenido
elemento
inserta contenido
:before antes del content: contenido
elemento
:first-letter primera letra
primera línea de
:first:line
texto
normal(+) | none(+) | [ texto | uri | contador | attr(atributo) |
contenido
content open-quote | close-quote | no-open-quote | no-close-
generado
quote ]+
counter- incremento de
none | [ identificador número-entero? ]+
increment contador
puesto a cero de
counter-reset none | [ identificador número-entero? ]+
contador
quotes comillas none | [ texto-apertura texto-cierre ]+
Pseudo-clases
Nombre Descripción Valores
cuando se hace
:active clic sobre el
elemento
primer elemento
:first-child
hijo
cuando el
:focus elemento tiene el
foco
cuando el ratón
:hover pasa sobre el
elemento
:lang idioma :lang(en) | :lang(es) | :lang(fr) etc.
:link enlaces no
 visitados
enlaces ya
:visited
visitados
Propiedades no incluidas en CSS 2.1
Propiedad Descripción Valores
font-size-
ajuste de tamaño número-decimal
adjust
ultra-condensed | extra-condensed | condensed | semi-
font-stretch anchura condensed | semi-expanded | expanded | extra-expanded |
ultra-expanded normal | wider | narrower
distancia entre
marker-
marcador y distancia
offset
elemento
marcas de corte
marks crop | cross
de papel
desplazamiento horizontal, desplazamiento vertical,
text-shadow sombreado
tamaño desenfoque, color
Tipos
Propiedad Descripción Valores
contador Contador counter(nombre, estilo)
familia- Familia genérica
cursive | fantasy | monospace | serif | sans-serif
genérica de fuente
forma Forma rect(top, right, bottom, left)
tamaño- Tamaño absoluto
xx-small | x-small | medium | large | x-large | xx-large
absoluto de fuente
tamaño- Tamaño relativo
larger | smaller
relativo de fuente
Dirección
uri absoluta o url("ruta_y_nombre_de_archivo")
relativa