Página |1

Lista de propiedades CSS

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 (-).

Tipos - 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 CSS 2.1

Tipos
Propiedad Descripción Valores
contador Contador counter(nombre, estilo)
Familia genérica cursive | fantasy | monospace | serif |
familia-genérica
de fuente sans-serif
forma Forma rect(top, right, bottom, left)
Tamaño
xx-small | x-small | medium | large | x-
tamaño-absoluto absoluto de
large | xx-large
fuente
Tamaño relativo
tamaño-relativo larger | smaller
de fuente
Dirección
uri (para imagen de fondo o
absoluta o url("ruta_y_nombre_de_archivo")
fuentes web)
relativa
Tipo de letra (fuente)
Propiedad Descripción Valores
[ [ font-style || font-variant || font-weight
propiedad ]? font-size [ / line-height ]? font-family
font
compuesta ] | caption | icon | menu | message-box
| small-caption | status-bar
font-family tipo de letra [ nombre-fuente | familia-genérica ] [,
 Página |2

(fuente) nombre-fuente | familia-genérica ]*

tamaño-absoluto | tamaño-relativo |
font-size tamaño
distancia | porcentaje
inclinación
font-style normal | italic | oblique
(cursiva)
font-variant versalitas normal | small-caps
normal | bold | bolder | lighter | 100 |
grosor del trazo
font-weight 200 | 300 | 400 | 500 | 600 | 700 | 800 |
(negrita)
900
Texto
Propiedad Descripción Valores
color color del texto color
dirección del
direction ltr | rtl
texto
espacio entre
letter-spacing normal | distancia
caracteres
espaciado entre
line-height normal | número | distancia | porcentaje
líneas
alineación del
text-align center | justify | left | right
texto
decoración del none | blink | line-through | overline |
text-decoration
texto underline
sangría de la
text-indent distancia | porcentaje
primera línea
mayúsculas / none | capitalize | lowercase |
text-transform
minúsculas uppercase
dirección del
unicode-bidi normal | embed | bidi-override
texto
baseline | bottom | middle | sub | super
alineación
vertical-align | text-bottom | text-top | top | distancia |
vertical
porcentaje
espacios en
normal | nowrap | pre | pre-line(+) |
white-space blanco, saltos de
pre-wrap(+)
línea y wrap
 Página |3

espacio entre
word-spacing normal | distancia
palabras

Bordes
Propiedad Descripción Valores
cuatro bordes border-color || border-width || border-
border
simultáneamente style
border-color || border-width || border-
border-top borde superior
style
border-color || border-width || border-
border-right borde derecho
style
border-color || border-width || border-
border-bottom borde inferior
style
border-color || border-width || border-
border-left borde izquierdo
style
color de los
border-color [ color | transparent ] {1, 4}
bordes
grosor de los [ medium | thick | thin | distancia ] {1,
border-width
bordes 4}
[ none | hidden | dashed | dotted |
estilos de los
border-style double | groove | inset | outset | ridge |
bordes
solid ] {1, 4}
color del borde
border-top-color [ color | transparent ] {1, 4}
superior
grosor del borde [ medium | thick | thin | distancia ] {1,
border-top-width
superior 4}
[ none | hidden | dashed | dotted |
estilo del borde
border-top-style double | groove | inset | outset | ridge |
superior
solid ] {1, 4}
color del borde
border-right-color [ color | transparent ] {1, 4}
derecho
grosor del borde [ medium | thick | thin | distancia ] {1,
border-right-width
derecho 4}
[ none | hidden | dashed | dotted |
estilo del borde
border-right-style double | groove | inset | outset | ridge |
derecho
solid ] {1, 4}
 Página |4

color del borde

border-bottom-color [ color | transparent ] {1, 4}
inferior
grosor del borde [ medium | thick | thin | distancia ] {1,
border-bottom-width
inferior 4}
[ none | hidden | dashed | dotted |
estilo del borde
border-bottom-style double | groove | inset | outset | ridge |
inferior
solid ] {1, 4}
color del borde
border-left-color [ color | transparent ] {1, 4}
izquierdo
grosor del borde [ medium | thick | thin | distancia ] {1,
border-left-width
izquierdo 4}
[ none | hidden | dashed | dotted |
estilo del borde
border-left-style double | groove | inset | outset | ridge |
izquierdo
solid ] {1, 4}
Margen exterior
Propiedad Descripción Valores
cuatro márgenes
margin exterior [ auto | distancia | porcentaje ] {1, 4}
simultáneamente
margen exterior
margin-top auto | distancia | porcentaje
superior
margen exterior
margin-right auto | distancia | porcentaje
derecho
margen exterior
margin-bottom auto | distancia | porcentaje
inferior
margen exterior
margin-left auto | distancia | porcentaje
izquierdo
Margen interior
Propiedad Descripción Valores
cuatro márgenes
padding interiores [ distancia | porcentaje ] {1, 4}
simultáneamente
margen interior
padding-top distancia | porcentaje
superior
 Página |5

margen interior
padding-right distancia | porcentaje
derecho
margen interior
padding-bottom distancia | porcentaje
inferior
margen interior
padding-left distancia | porcentaje
izquierdo
Fondos
Propiedad Descripción Valores
background-attachment || background-
propiedad color || background-image ||
background
compuesta background-position || background-
repeat
atadura de la
background-attachment fixed | scroll
imagen
background-color color de fondo transparent | color
background-image imagen de fondo none | uri
[ [ left | center | right | distancia |
porcentaje] [ top | center | bottom |
posición de la
background-position distancia | porcentaje] ]? | [ [ left |
imagen de fondo
center | right ] || [ top | center | bottom
]]
repetición de la
background-repeat no-repeat | repeat | repeat-x | repeat-y
imagen de fondo
Listas
Propiedad Descripción Valores
propiedad list-style-image || list-style-position ||
list-style
compuesta list-style-type
imagen del
list-style-image none | uri
marcador
posición del
list-style-position inside | outside
marcador
none | circle | disc | square | decimal |
list-style-type tipo de marcador decimal-leading-zero | lower-alpha |
upper-alpha | lower-greek | lower-
 Página |6

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
separación entre
border-spacing distancia distancia?
celdas
posición de la
caption-side top | bottom | left(-) | right(-)
leyenda
borde de casillas
empty-cells hide | show
vacías
algoritmo ancho
table-layout auto | fixed
de tabla
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
si el contenido
overflow desborda al auto | hidden | scroll | visible
elemento

Posicionamiento
Propiedad Descripción Valores
modo de
float posicionamiento none | left | right
flotante
clear lado en el que none | both | left | right
 Página |7

no puede haber
elementos
flotantes
modo de
position absolute | fixed | relative | static
posicionamiento
posición del
top borde superior auto | distancia | porcentaje
del elemento
posición del
right borde derecho auto | distancia | porcentaje
del elemento
posición del
bottom borde inferior auto | distancia | porcentaje
del elemento
posición del
left borde izquierdo auto | distancia | porcentaje
del elemento
recorta el
clip auto | forma
elemento
none | block | compact(-) | inline |
inline-block(+) | inline-table | list-item |
marker(-) | run-in | table | table-
display tipo de caja 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
salto de página
page-break-after auto | always | avoid | left | right
después de
salto de página
page-break-before auto | always | avoid | left | right
antes de
page-break-inside salto de página auto | avoid
 Página |8

dentro de
número de
orphans líneas al final de número-entero
página
número de
líneas al
widows número-entero
principio de la
página

Interface de usuario
Propiedad Descripción Valores
[uri,]* | auto | crosshair | default | help
| move | pointer | progress | n-resize |
cursor tipo de cursor ne-resize | e-resize | se-resize | s-resize
| sw-resize | w-resize | nw-resize | text |
wait
cuatro bordes outline-color || outline-width || outline-
outline
simultáneamente style
color de los
outline-color color
bordes
grosor de los
outline-width border-width
bordes
estilos de los
outline-style border-style
bordes
Pseudo-elementos
Nombre Descripción Valores
inserta
contenido
:after content: contenido
después del
elemento
inserta
:before contenido antes content: contenido
del elemento
:first-letter primera letra
primera línea de
:first:line
texto
 Página |9

normal(+) | none(+) | [ texto | uri |

contenido contador | attr(atributo) | open-quote |
content
generado close-quote | no-open-quote | no-close-
quote ]+
incremento de
counter-increment none | [ identificador número-entero? ]+
contador
puesto a cero de
counter-reset none | [ identificador número-entero? ]+
contador
quotes comillas none | [ texto-apertura texto-cierre ]+
Pseudo-clases
Nombre Descripción Valores
cuando se hace
:active clic sobre el
elemento
primer elemento
:first-child
hijo
cuando el
:focus elemento tiene
el foco
cuando el ratón
:hover pasa sobre el
elemento
:lang idioma :lang(en) | :lang(es) | :lang(fr) etc.
enlaces no
:link
visitados
enlaces ya
:visited
visitados
Propiedades no incluidas
en CSS 2.1
Propiedad Descripción Valores
font-size-adjust ajuste de tamaño número-decimal
ultra-condensed | extra-condensed |
font-stretch anchura condensed | semi-condensed | semi-
expanded | expanded | extra-
 P á g i n a | 10

expanded | ultra-expanded normal |

wider | narrower
distancia entre
marker-offset marcador y distancia
elemento
marcas de corte
marks crop | cross
de papel
desplazamiento horizontal,
text-shadow sombreado desplazamiento vertical, tamaño
desenfoque, color