# 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 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 | [ color | transparent ] {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 | [ color | transparent ] {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 | [ color | transparent ] {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 | [ color | transparent ] {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")

Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.