Sie sind auf Seite 1von 13

Tipo de letra (fuente)

Propiedad
Descripcin
font
font-family
font-size
font-style
font-variant
font-weight
Texto
Propiedad
color

Valores

propiedad
compuesta
tipo de letra
(fuente)
tamao
inclinacin
(cursiva)
versalitas
grosor del trazo
(negrita)

[ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? fontfamily ] | caption | icon | menu | message-box | small-caption |status-bar

Descripcin

Valores

color del texto


direccin del
direction
texto
espacio entre
letter-spacing
carcteres
espaciado entre
line-height
lneas
text-align
alineacin del

[ nombre-fuente | familia-genrica ] [, nombre-fuente | familia-genrica ]*


tamao-absoluto | tamao-relativo | distancia | porcentaje
normal | italic | oblique
normal | small-caps
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 |
900

color
ltr | rtl
normal | distancia
normal | nmero | distancia | porcentaje
center | justify | left | right

texto
textdecoracin del
decoration
texto
sangra de la
text-indent
primera lnea
maysculas /
text-transform
minsculas
direccin del
unicode-bidi
texto
alineacin
vertical-align
vertical
espacios en
white-space blanco, saltos
de lnea y wrap
espacio entre
word-spacing
palabras
Bordes
Propiedad

Descripcin

cuatro bordes
border
simultneament
e
border-top
borde superior
border-right
borde derecho
border-bottom borde inferior

none | blink | line-through | overline | underline


distancia | porcentaje
none | capitalize | lowercase | uppercase
normal | embed | bidi-override
baseline | bottom | middle | sub | super | text-bottom | text-top | top |
distancia | porcentaje
normal | nowrap | pre | pre-line(+) | pre-wrap(+)
normal | distancia

Valores
border-color || border-width || border-style
border-color || border-width || border-style
border-color || border-width || border-style
border-color || border-width || border-style

border-left
border-color
border-width
border-style
border-topcolor
border-topwidth
border-topstyle
border-rightcolor
border-rightwidth
border-rightstyle
borderbottom-color
borderbottom-width
border-

borde izquierdo
color de los
bordes
grosor de los
bordes
estilos de los
bordes
color del borde
superior
grosor del
borde superior
estilo del borde
superior
color del borde
derecho
grosor del
borde derecho
estilo del borde
derecho
color del borde
inferior
grosor del
borde inferior
estilo del borde

border-color || border-width || border-style


[ color | transparent ] {1, 4}
[ medium | thick | thin | distancia ] {1, 4}
[ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | s
olid ] {1, 4}
[ color | transparent ] {1, 4}
[ medium | thick | thin | distancia ] {1, 4}
[ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | s
olid ] {1, 4}
[ color | transparent ] {1, 4}
[ medium | thick | thin | distancia ] {1, 4}
[ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | s
olid ] {1, 4}
[ color | transparent ] {1, 4}
[ medium | thick | thin | distancia ] {1, 4}
[ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | s

bottom-style
border-leftcolor
border-leftwidth
border-leftstyle

inferior
color del borde
izquierdo
grosor del
borde izquierdo
estilo del borde
izquierdo

Margen exterior
Propiedad
Descripcin
cuatro
mrgenes
margin
exterior
simultneament
e
margen exterior
margin-top
superior
margen exterior
margin-right
derecho
margen exterior
margin-bottom
inferior
margen exterior
margin-left
izquierdo
Margen interior

olid ] {1, 4}
[ color | transparent ] {1, 4}
[ medium | thick | thin | distancia ] {1, 4}
[ none | hidden | dashed | dotted | double | groove | inset | outset | ridge | s
olid ] {1, 4}
Valores

[ auto | distancia | porcentaje ] {1, 4}

auto | distancia | porcentaje


auto | distancia | porcentaje
auto | distancia | porcentaje
auto | distancia | porcentaje

Propiedad

Descripcin

cuatro
mrgenes
padding
interiores
simultneament
e
margen interior
padding-top
superior
margen interior
padding-right
derecho
paddingmargen interior
bottom
inferior
margen interior
padding-left
izquierdo
Fondos
Propiedad
background
backgroundattachment
backgroundcolor
backgroundimage

Valores

[ distancia | porcentaje ] {1, 4}

distancia | porcentaje
distancia | porcentaje
distancia | porcentaje
distancia | porcentaje

Descripcin

Valores

propiedad
compuesta
atadura de la
imagen

background-attachment || background-color || background-image ||


background-position || background-repeat

color de fondo

transparent | color

imagen de
fondo

none | uri

fixed | scroll

backgroundposition
backgroundrepeat
Listas
Propiedad
list-style
list-styleimage
list-styleposition

posicin de la
[ [ left | center | right | distancia | porcentaje] [ top | center | bottom |
imagen de
distancia | porcentaje] ]? | [ [ left | center | right ] || [ top | center |bottom ] ]
fondo
repeticin de la
imagen de
no-repeat | repeat | repeat-x | repeat-y
fondo
Descripcin
propiedad
compuesta
imagen del
marcador
posicin del
marcador

Valores
list-style-image || list-style-position || list-style-type
none | uri
inside | outside

tipo de
marcador

none | circle | disc | square | decimal | decimal-leading-zero | loweralpha | upper-alpha | lower-greek | lower-latin | upper-latin | lowerroman | upper-roman | armenian | georgian | hebrew(-) | cjk-ideographic()
| hiragana (-) | katakana (-) | hiragana-iroha(-) | katakana-iroha(-)

Tablas
Propiedad

Descripcin

Valores

bordercollapse
borderspacing

modo de
bordes
separacin
entre celdas

list-style-type

collapse | separate
distancia distancia?

caption-side
empty-cells
table-layout
Tamao
Propiedad
width
min-width
max-width
height
min-height
max-height
overflow

posicin de la
top | bottom | left(-) | right(-)
leyenda
borde de
hide | show
casillas vacas
algoritmo ancho
auto | fixed
de tabla
Descripcin

Valores

anchura
anchura mnima
anchura
mxima
altura
altura mnima
anchura
mxima
si el contenido
desborda al
elemento

auto | distancia | porcentaje


distancia | porcentaje

Posicionamiento
Propiedad
Descripcin
float

distancia | porcentaje
auto | distancia | porcentaje
distancia | porcentaje
distancia | porcentaje
auto | hidden | scroll | visible

Valores

modo de
none | left | right
posicionamient

clear

position

top

right

bottom

left
clip
display

o flotante
lado en el que
no puede haber
elementos
flotantes
modo de
posicionamient
o
posicin del
borde superior
del elemento
posicin del
borde derecho
del elemento
posicin del
borde inferior
del elemento
posicin del
borde izquierdo
del elemento
recorta el
elemento
tipo de caja

none | both | left | right

absolute | fixed | relative | static

auto | distancia | porcentaje

auto | distancia | porcentaje

auto | distancia | porcentaje

auto | distancia | porcentaje


auto | forma
none | block | compact(-) | inline | inline-block(+) | inline-table | listitem | marker(-) | run-in | table | table-caption | table-cell | tablecolumn| table-column-group | table-footer-group | table-header-

visibility
z-index

visibilidad
apilamiento

Impresora
Propiedad
Descripcin
page-breakafter
page-breakbefore
page-breakinside
orphans

widows

salto de pgina
despus de
salto de pgina
antes de
salto de pgina
dentro de
nmero de
lneas al final
de pgina
nmero de
lneas al
principio de la
pgina

Interface de usuario
Propiedad
Descripcin
cursor

tipo de cursor

group | table-row | table-row-group


hidden | collapse | visible
auto | nmero-entero
Valores
auto | always | avoid | left | right
auto | always | avoid | left | right
auto | avoid
nmero-entero

nmero-entero

Valores
[uri,]* | auto | crosshair | default | help | move | pointer | progress | nresize | ne-resize | e-resize | se-resize | s-resize | sw-resize | w-resize | nwresize | text | wait

outline
outline-color
outline-width
outline-style

cuatro bordes
simultneament
e
color de los
bordes
grosor de los
bordes
estilos de los
bordes

Pseudo-elementos
Nombre
Descripcin
:after

:before
:first-letter
:first:line
content
counter-

inserta
contenido
despus del
elemento
inserta
contenido antes
del elemento
primera letra
primera lnea
de texto
contenido
generado
incremento de

outline-color || outline-width || outline-style


color
border-width
border-style

Valores
content: contenido

content: contenido

normal(+) | none(+) | [ texto | uri | contador | attr(atributo) | openquote | close-quote | no-open-quote | no-close-quote ]+
none | [ identificador nmero-entero? ]+

increment

contador
puesto a cero
counter-reset
de contador
quotes
comillas
Pseudo-clases
Nombre
Descripcin
:active
:first-child
:focus

:hover
:lang
:link
:visited

none | [ identificador nmero-entero? ]+


none | [ texto-apertura texto-cierre ]+
Valores

cuando se hace
clic sobre el
elemento
primer
elemento hijo
cuando el
elemento tiene
el foco
cuando el ratn
pasa sobre el
elemento
idioma
:lang(en) | :lang(es) | :lang(fr) etc.
enlaces no
visitados
enlaces ya
visitados

Propiedades no incluidas en CSS 2.1

Propiedad

Descripcin

Valores

font-sizeadjust

ajuste de
tamao

nmero-decimal

anchura

ultra-condensed | extra-condensed | condensed | semi-condensed | semiexpanded | expanded | extra-expanded | ultraexpandednormal | wider | narrower

font-stretch

distancia entre
marker-offset marcador y
distancia
elemento
marcas de corte
marks
crop | cross
de papel
desplazamiento horizontal, desplazamiento vertical, tamao desenfoque,
text-shadow sombreado
color
Tipos
Propiedad
contador
familiagenrica
forma
tamaoabsoluto
tamao-

Descripcin

Valores

Contador
Familia
genrica de
fuente
Forma
Tamao
absoluto de
fuente
Tamao relativo

counter(nombre, estilo)
cursive | fantasy | monospace | serif | sans-serif
rect(top, right, bottom, left)
xx-small | x-small | medium | large | x-large | xx-large
larger | smaller

relativo
uri
(para imagen
de
fondo o fuente
s web)
CSS 3
Propiedad
border-radius
border-topright-radius
borderbottom-rightradius
borderbottom-leftradius
border-topleft-radius

de fuente
Direccin
absoluta o
relativa

url("ruta_y_nombre_de_archivo")

Descripcin

Valores

bordes
redondeados
borde superior
derecho
redondeado
borde inferior
derecho
redondeado
borde inferior
izquierdo
redondeado
borde superior
izquierdo
redondeado

[ distancia | porcentaje ] {1, 4}


distancia | porcentaje

distancia | porcentaje

distancia | porcentaje

distancia | porcentaje

Das könnte Ihnen auch gefallen