# 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