# 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 -enero de 2009- 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 - Margen exterior - Margen interior - Fondos - Listas - Tablas - Tamaño - Posicionamiento - Impresora - Interface de usuario - Pseudo-elementos - Pseudo-clases - No incluidas en CSS2.1 - Tipos

Tipo de letra (fuente)
Propiedad | Descripción | Valores
font | propiedad compuesta | [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar
font-family | tipo de letra (fuente) | [ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]*
font-size | tamaño | tamaño-absoluto | tamaño-relativo | distancia | porcentaje
font-style | inclinación (cursiva) | normal | italic | oblique
font-variant | versalitas | normal | small-caps
font-weight | grosor del trazo (negrita) | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Texto
Propiedad | Descripción | Valores
color | color del texto | color
direction | dirección del texto | ltr | rtl
letter-spacing | espacio entre carácteres | normal | distancia
line-height | espaciado entre líneas | normal | número | distancia | porcentaje
text-align | alineación del texto | center | justify | left | right
text-decoration | decoración del texto | none | blink | line-through | overline | underline
text-indent | sangría de la primera línea | distancia | porcentaje
text-transform | mayúsculas / minúsculas | none | capitalize | lowercase | uppercase
unicode-bidi | dirección del texto | normal | embed | bidi-override
vertical-align | alineación vertical | baseline | bottom | middle | sub | super | text-bottom | text-top | top | distancia | porcentaje
white-space | espacios en blanco, saltos de línea y wrap | normal | nowrap | pre | pre-line(+) | pre-wrap(+)
word-spacing | espacio entre palabras | normal | 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 | [ color | transparent ] {1, 4}
border-width | grosor de los bordes | [ medium | thick | thin | distancia ] {1, 4}
border-style | estilos de los bordes | [ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | solid ] {1, 4}
border-top-color | color del borde superior | [ transparent | color ] {1, 4}
border-top-width | grosor del borde superior | [ medium | thick | thin | distancia ] {1, 4}
border-top-style | estilo del borde superior | [ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | solid ] {1, 4}
border-right-color | color del borde derecho | [ transparent | color ] {1, 4}
border-right-width | grosor del borde derecho | [ medium | thick | thin | distancia ] {1, 4}
border-right-style | estilo del borde derecho | [ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | solid ] {1, 4}
border-bottom-color | color del borde inferior | [ transparent | color ] {1, 4}
border-bottom-width | grosor del borde inferior | [ medium | thick | thin | distancia ] {1, 4}
border-bottom-style | estilo del borde inferior | [ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | solid ] {1, 4}
border-left-color | color del borde izquierdo | [ transparent | color ] {1, 4}
border-left-width | grosor del borde izquierdo | [ medium | thick | thin | distancia ] {1, 4}
border-left-style | estilo del borde izquierdo | [ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | solid ] {1, 4}
Margen exterior
Propiedad | Descripción | Valores
margin | cuatro márgenes exterior simultáneamente | [ auto | distancia | porcentaje ] {1, 4}
margin-top | margen exterior superior | auto | distancia | porcentaje
margin-right | margen exterior derecho | auto | distancia | porcentaje
margin-bottom | margen exterior inferior | auto | distancia | porcentaje
margin-left | margen exterior izquierdo | auto | distancia | porcentaje
Margen interior
Propiedad | Descripción | Valores
padding | cuatro márgenes interiores simultáneamente | [ distancia | porcentaje ] {1, 4}
padding-top | margen interior superior | distancia | porcentaje
padding-right | margen interior derecho | distancia | porcentaje
padding-bottom | margen interior inferior | distancia | porcentaje
padding-left | margen interior izquierdo | distancia | porcentaje
Fondos
Propiedad | Descripción | Valores
background | propiedad compuesta | background-attachment || background-color || background-image || background-position || background-repeat
background-attachment | atadura de la imagen | fixed | scroll
background-color | color de fondo | transparent | color
background-image | imagen de fondo | none | uri
background-position | posición de la imagen de fondo | [ [ left | center | right | distancia | porcentaje] [ top | center | bottom | distancia | porcentaje] ]? | [ [ left | center | right ] || [ top | center | bottom ] ]
background-repeat | repetición de la imagen de fondo | no-repeat | repeat | repeat-x | repeat-y
Listas
Propiedad | Descripción | Valores
list-style | propiedad compuesta | list-style-image || list-style-position || list-style-type
list-style-image | imagen del marcador | none | uri
list-style-position | posición del marcador | inside | outside
list-style-type | tipo de marcador | none | circle | disc | square | decimal | decimal-leading-zero | lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin | lower-roman | upper-roman | armenian | georgian | hebrew(-) | cjk-ideographic(-) | hiragana (-) | katakana (-) | hiragana-iroha(-) | katakana-iroha(-)
Tablas
Propiedad | Descripción | Valores
border-collapse | modo de bordes | collapse | separate
border-spacing | separación entre celdas | distancia distancia?
caption-side | posición de la leyenda | top | bottom | left(-) | right(-)
empty-cells | borde de casillas vacías | hide | show
table-layout | algoritmo ancho de tabla | auto | fixed
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
overflow | si el contenido desborda al elemento | auto | hidden | scroll | visible
Posicionamiento
Propiedad | Descripción | Valores
float | modo de posicionamiento flotante | none | left | right
clear | lado en el que no puede haber elementos flotantes | none | both | left | right
position | modo de posicionamiento | absolute | fixed | relative | static
top | posición del borde superior del elemento | auto | distancia | porcentaje
right | posición del borde derecho del elemento | auto | distancia | porcentaje
bottom | posición del borde inferior del elemento | auto | distancia | porcentaje
left | posición del borde izquierdo del elemento | auto | distancia | porcentaje
clip | recorta el elemento | auto | forma
display | tipo de caja | none | block | compact(-) | inline | inline-block(+) | inline-table | list-item | marker(-) | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
visibility | visibilidad | hidden | collapse | visible
z-index | apilamiento | auto | número-entero
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 | avoid
orphans | número de líneas al final de página | número-entero
widows | número de líneas al principio de la página | número-entero
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
outline | cuatro bordes simultáneamente | outline-color || outline-width || outline-style
outline-color | color de los bordes | color
outline-width | grosor de los bordes | border-width
outline-style | estilos de los bordes | border-style
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 | normal(+) | none(+) | [ texto | uri | contador | attr(atributo) | open-quote | close-quote | no-open-quote | no-close-quote ]+
counter-increment | incremento de contador | none | [ identificador número-entero? ]+
counter-reset | puesto a cero de contador | none | [ identificador número-entero? ]+
quotes | comillas | none | [ texto-apertura texto-cierre ]+
Pseudo-clases
Nombre | Descripción | Valores
:active | cuando se hace 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 |
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
marks | marcas de corte de papel | crop | cross
text-shadow | sombreado | desplazamiento horizontal, desplazamiento vertical, tamaño desenfoque, color
Tipos
Propiedad | Descripción | Valores
contador | Contador | counter(nombre, estilo)
familia-genérica | Familia genérica de fuente | cursive | fantasy | monospace | serif | sans-serif
forma | Forma | rect(top, right, bottom, left)
tamaño-absoluto | Tamaño absoluto de fuente | xx-small | x-small | medium | large | x-large | xx-large
tamaño-relativo | Tamaño relativo de fuente | larger | smaller
uri | Dirección absoluta o relativa | url("ruta_y_nombre_de_archivo")