Lista de propiedades CSS

Tipo de letra (fuente)

Propiedad Descripción Valores
propiedad [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ]
font
compuesta | caption | icon | menu | message-box | small-caption | status-bar
tipo de letra
font-family [ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]*
(fuente)
font-size tamaño tamaño-absoluto | tamaño-relativo | distancia | porcentaje
inclinación
font-style normal | italic | oblique
(cursiva)
font-variant versalitas normal | small-caps
grosor del trazo
font-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
(negrita)

Texto
Propiedad Descripción Valores
color color del texto color
direction dirección del texto ltr | rtl
espacio entre
letter-spacing normal | distancia
carácteres
espaciado entre
line-height normal | número | distancia | porcentaje
líneas
alineación del
text-align center | justify | left | right
texto
decoración del
text-decoration none | blink | line-through | overline | underline
texto
sangría de la
text-indent distancia | porcentaje
primera línea
 mayúsculas /
text-transform none | capitalize | lowercase | uppercase
minúsculas
unicode-bidi dirección del texto normal | embed | bidi-override
baseline | bottom | middle | sub | super | text-bottom | text-top | top | distancia |
vertical-align alineación vertical
porcentaje
espacios en
white-space blanco, saltos de normal | nowrap | pre | pre-line(+) | pre-wrap(+)
línea y wrap
espacio entre
word-spacing normal | distancia
palabras

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

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
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
propiedad background-attachment || background-color || background-image || background-position
background
compuesta || background-repeat
background- atadura de la
fixed | scroll
attachment imagen
background-
color de fondo transparent | color
color
background-
imagen de fondo none | uri
image
background- posición de la [ [ left | center | right | distancia | porcentaje] [ top | center | bottom | distancia |
position imagen de fondo porcentaje] ]? | [ [ left | center | right ] || [ top | center | bottom ] ]
background- repetición de la
no-repeat | repeat | repeat-x | repeat-y
repeat imagen de fondo

Listas
Propiedad Descripción Valores
propiedad
list-style list-style-image || list-style-position || list-style-type
compuesta
imagen del
list-style-image none | uri
marcador
list-style- posición del
inside | outside
position marcador
none | circle | disc | square | decimal | decimal-leading-zero | lower-alpha | upper-
alpha | lower-greek | lower-latin | upper-latin | lower-roman| upper-
list-style-type tipo de marcador
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
lado en el que no
puede haber
clear none | both | left | right
elementos
flotantes
modo de
position absolute | fixed | relative | static
posicionamiento
posición del borde
top superior del auto | distancia | porcentaje
elemento
posición del borde
right derecho del auto | distancia | porcentaje
elemento
posición del borde
bottom auto | distancia | porcentaje
inferior del
 elemento
posición del borde
left izquierdo del auto | distancia | porcentaje
elemento
recorta el
clip auto | forma
elemento
none | block | compact(-) | inline | inline-block(+) | inline-table | list-item | marker(-) | run-
display tipo de caja 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- salto de página
auto | always | avoid | left | right
after después de
page-break- salto de página
auto | always | avoid | left | right
before antes de
page-break- salto de página
auto | avoid
inside dentro de
número de líneas
orphans número-entero
al final de página
número de líneas
widows al principio de la número-entero
página

Interface de usuario
Propiedad Descripción Valores
[uri,]* | auto | crosshair | default | help | move | pointer | progress | n-resize | ne-
cursor tipo de cursor
resize | e-resize | se-resize | s-resize | sw-resize | w-resize | nw-resize | text | wait
 cuatro bordes
outline outline-color || outline-width || outline-style
simultáneamente
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 después del content: contenido
elemento
inserta contenido
:before antes del content: contenido
elemento
:first-letter primera letra
primera línea de
:first:line
texto
contenido normal(+) | none(+) | [ texto | uri | contador | attr(atributo) | open-quote | close-
content
generado quote | no-open-quote | no-close-quote ]+
counter- incremento de
none | [ identificador número-entero? ]+
increment 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 | condensed | semi-condensed | semi-
font-stretch anchura
expanded | expanded | extra-expanded | ultra-expanded normal| wider | narrower
distancia entre
marker-offset marcador y distancia
elemento
marcas de corte
marks crop | cross
de papel
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 cursive | fantasy | monospace | serif | sans-serif
de fuente
forma Forma rect(top, right, bottom, left)
tamaño- Tamaño absoluto
xx-small | x-small | medium | large | x-large | xx-large
absoluto de fuente
Tamaño relativo
tamaño-relativo larger | smaller
de fuente
uri
(para imagen
Dirección absoluta
de url("ruta_y_nombre_de_archivo")
o relativa
fondo o fuentes
web)

CSS 3
Propiedad Descripción Valores
bordes
border-radius [ distancia | porcentaje ] {1, 4}
redondeados
borde superior
border-top-
derecho distancia | porcentaje
right-radius
redondeado
borde inferior
border-bottom-
derecho distancia | porcentaje
right-radius
redondeado
borde inferior
border-bottom-
izquierdo distancia | porcentaje
left-radius
redondeado