Hojas de Estilo en Cascada

La tabla siguiente resume las propiedades definidas en las recomendaciones de Hojas de Estilo en Cascada (CSS):

• Se incluyen las propiedades 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 (-) .

• Se incluyen también propiedades CSS 3 que admiten los navgeadores Internet Explorer, Firefox y Google Chrome

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 - CSS 3

________________________________________

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

...