Estilos CSS

Propiedades de Fondo
Propiedad

Descripcin

Valores

background

Establece todos los valores background-color

de fondo en una sola
background-image
declaracin
background-repeat
backgroundattachment
background-position
inherit

backgroundattachment

Define si una imagen de

fondo es fija o se mueve
con el resto de la pgina

background-color

Establece el color de fondo color-rgb

color-hex
color-name
transparent
inherit

background-image

Establece una imgen de

fondo para un elemento

url(URL)
none
inherit

background-position

Establece la posicin en la
que se comenzar a
mostrar una imgen

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
x% y%
xpos ypos
inherit

background-repeat

Establece si una imagen de repeat

fondo ser repetida y cmo repeat-x
lo har
repeat-y
no-repeat
inherit

scroll
fixed
inherit

Propiedades de texto
Property

Description

Values

color

Establece el color del texto

color

direction

Establece en qu direccin se muestra el ltr

texto
rtl

line-height

Establece la distancia entre lneas

normal
number
length
%

letter-spacing

Aumenta o disminuye el espacio entre

caracteres

normal
length

text-align

Alinea el texto dentro de un elemento

left
right
center
justify

text-decoration Aade decoracin al texto

none
underline
overline
line-through
blink

text-indent

length
%

Indenta la primer lnea de un prrafo

text-transform Modifica el estilo de las letras de un texto none

capitalize
uppercase
lowercase
vertical-align

Establece la alineacin vertical de un

texto

baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%

white-space

Establece cmo se manejar el espacio

en blanco dentro de un elemento

normal
pre
nowrap

word-spacing

Modifica el espacio entre palabras

normal
length

Propiedades de letra
Property

Description

Values

font

Establece todas las propiedades

de letra en una sola declaracin

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
inherit

font-family

Especifica el tipo o familia de

letra

family-name
generic-family
inherit

font-size

Especifica el tamao de letra

xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
inherit

font-style

Especifica el estilo de letra

normal
italic
oblique
inherit

font-variant

Especifica si un texto se mostrar normal

con estilo small-caps
small-caps
inherit

font-weight

Especifica el nfasis que tendr la normal

letra
bold
bolder
lighter
100
200
300
400
500
600

700
800
900
inherit

Propiedades de lista
Property

Description

Values

list-style

Establece todos las propiedades de

lista en una sola declaracin

list-style-type
list-style-position
list-style-image
inherit

list-styleimage

Especifica una imgen como vieta

URL
none
inherit

list-styleposition

Especifica si la vieta debe aparecer

fuera de lnea

inside
outside
inherit

list-style-type

Especifica el tipo de vieta a usar

none
disc
circle
square
decimal
decimal-leadingzero
armenian
georgian
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
lower-roman
upper-roman
inherit

Propiedades de borde
Property

Description

Values

border

Establece todas las propiedades de border-width

borde en una sola declaracin
border-style
border-color

border-bottom

Establece todas las propiedades de border-bottomborde inferior en una sola

width
declaracin
border-bottomstyle
border-bottomcolor

border-bottomcolor

Fija el color del borde inferior

border-color

border-bottomstyle

Fija el estilo del borde inferior

border-style

border-bottomwidth

Fija el ancho del borde inferior

border-width

border-color

Establece el color de los 4 bordes

color_name
hex_number
rgb_number
transparent
inherit

border-left

Establece todas las propiedades de border-left-width

borde izquierdo en una sola
border-left-style
declaracin
border-left-color

border-left-color

Fija el color del borde izquierdo

border-color

border-left-style

Fija el estilo del borde izquierdo

border-style

border-left-width

Fija el ancho del borde izquierdo

border-width

border-right

Establece todas las propiedades de border-rightborde derecho en una sola

width
declaracin
border-right-style
border-rightcolor

border-right-color

Establece el color de los 4 bordes

border-color

border-right-style

Establece el color de los 4 bordes

border-style

border-right-width Establece el color de los 4 bordes

border-width

border-style

none
hidden

Establece el estilo de los 4 bordes

dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
border-top

Establece todas las propiedades de border-top-width

borde superior en una sola
border-top-style
declaracin
border-top-color

border-top-color

Fija el color del borde superior

border-color

border-top-style

Fija el estilo del borde superior

border-style

border-top-width

Fija el ancho del borde superior

border-width

border-width

Establece el ancho de los 4 bordes thin

medium
thick
length
inherit

Propiedades de Posicin
Property

Description

Values

bottom

Fija el margen inferior para

posicionar un elemento

auto
length
%
inherit

cursor

Especifica el tipo de cursor que

se mostrar

url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

left

Fija el margen izquierdo para

posicionar un elemento

auto
length
%
inherit

overflow

Especifica qu suceder cuando

un texto sobrepase la capacidad
del contenedor

auto
hidden
scroll
visible
inherit

position

Especifica el tipo de
posicionamiento para un
elemento

absolute
fixed
relative
static
inherit

right

Fija el margen derecho para

posicionar un elemento

auto
length
%
inherit

top

Fija el margen superior para

posicionar un elemento

auto
length
%
inherit

z-index

Establece el orden en el que se

apilarn los elementos. Entre
ms alto ms al frente estar

number
auto
inherit