Volver al índiceLista 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

Volver al principio de la páginaTipo 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
Volver al principio de la páginaTexto
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
Volver al principio de la páginaBordes
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}
Volver al principio de la páginaMargen 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
Volver al principio de la páginaMargen 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
Volver al principio de la páginaFondos
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
Volver al principio de la páginaListas
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(-)
Volver al principio de la páginaTablas
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
Volver al principio de la páginaTamañ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
Volver al principio de la páginaPosicionamiento
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
Volver al principio de la páginaImpresora
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
Volver al principio de la páginaInterface 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
Volver al principio de la páginaPseudo-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 ]+
Volver al principio de la páginaPseudo-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
Volver al principio de la páginaPropiedades 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
Volver al principio de la páginaTipos
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 página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Autor: Bartolomé Sintes Marco
Última modificación: 18 de octubre de 2011

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