Está en la página 1de 9

Gua de Referencia de CSS

Listado de todas las propiedades de CSS.

Gua de las Propiedades de CSS


Esta pgina comprende un resumen de cada una de las propiedades de CSS, con sus
respectiva descripcin y los posibles valores de las mismas.
Todas las propiedades estn agrupadas de acuerdo al tipo de propiedad y ordenadas
como lo estuvieron a lo largo de todo el tutorial.

Bordes

Fuentes

Relleno

Contenido Generado

Contornos

Tablas

Dimensiones

Listas

Texto

Efectos Visuales

Mrgenes

Pseudo-Clases

Fondo

Ubicacin

Pseudo-Elementos

Bordes
Propiedad
border
border-top
border-right
border-bottom
border-left

Descripcin
Ancho, color y estilo para los 4 bordes.
Ancho, color y estilo para los bordes
superior, derecho, inferior, izquierdo.

Valores
thin
medium
thick
longitud
color
transparent
none
hidden
dotted
dashed
solid
double
groove
ridge
inset

border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
border-style

Ancho de los 4 bordes.


Ancho del borde superior, derecho,
inferior, izquierdo.

outset
thin
medium
thick
longitud

Color de los 4 bordes.


color
Color del borde superior, derecho, inferior,
transparent
izquierdo.
Estilo de los 4 bordes.

none
hidden
dotted
dashed
border-top-style
solid
border-right-style
Estilo del borde superior, derecho, inferior,
double
border-bottom-style izquierdo.
groove
border-left-style
ridge
inset
outset

Contenido Generado
Propiedad

content

quotes
counter-reset
counter-increment

Descripcin

Valores
normal
none
texto
URL
Agregador de contenido para los pseudo contador
elementos ":after y :before".
attr(x)
open-quote
close-quote
no-open-quote
no-close-quote
texto
Especifica las marcas para indicar las citas.
none
identificador entero
Inicializa un contador.
none
identificador entero
Incrementa un contador.
none

Dimensiones
Propiedad
width

Descripcin
Ancho.

Valores
longitud
%

min-width

Ancho mnimo.

max-width

Ancho mximo.

height

Alto.

min-height

Alto mnimo.

max-height

Alto mximo.

line-height

Altura entre las bases del texto.

auto
longitud
%
longitud
%
none
longitud
%
auto
longitud
%
longitud
%
none
normal
nmero
longitud
%

Efectos Visuales
Propiedad

Descripcin

overflow

Comportamiento del contenido si se


desborda en la caja.

clip

Especifica la regin visible del elemento.

display

Comportamiento del contenedor.

visibility

Visibilidad de las cajas.

Valores
visible
hidden
scroll
auto
rect(long.superior,
long.derecha,
long.inferior,
long.izquierda)
auto
inline
block
list-item
run-in
inline-block
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
none
visible

hidden
collapse

Fondo
Propiedad

Descripcin

Valores
background-color
background-image
Propiedades individuales relacionadas con background-repeat
background
el fondo.
backgroundattachment
background-position
color
background-color
Color de fondo.
transparent
URL
background-image Imagen de fondo.
none
repeat
repeat-x
background-repeat Repeticin de la imagen de fondo.
repeat-y
no -repeat
backgroundscroll
Desplazamiento de la imagen de fondo.
attachment
fixed
%
longitud
left
background-position Posicin de la imagen de fondo.
center
right
top
bottom

Fuentes
Propiedad

Descripcin

font

Atajo para establecer el resto de


propiedades sobre las fuentes a la vez.

font-family

Familias de fuentes.

Valores
font-style
font-variant
font-weight
font-size
font-family
line height
caption
icon
menu
message-box
small-caption
status-bar
nombre-familia
familia-genrica

font-style

Estilo de la fuente.

normal
italic
oblique

font-variant

Convierte las minsculas a maysculas


pero mantienen un tamao inferior a las
maysculas.

normal
small-caps

font-weight

Intensidad de la fuente.

font-size

Tamao de la fuente.

normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
xx-small
x-small
small
medium
large
x-large
xx-large
larger
smaller
longitud
%

Contornos
Propiedad

Descripcin

outline

Propiedades individuales del contorno.

outline-width

Ancho del contorno.

outline-style

Estilo del contorno.

Valores
outline-color
outline-style
outline-width
thin
medium
thick
longitud
none
hidden
dotted
dashed
solid
double
groove

outline-color

Color del contorno.

ridge
inset
outset
color
invert

Listas
Propiedad
list-style

list-style-type

list-style-image
list-style-position

Descripcin

Valores
list-style-type
Permite establecer el estilo de la lista, la
list-style-position
imagen y/o la posicin.
list-style-image
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
Estilo aplicable a los marcadores visuales
lower-greek
de las listas.
lower-latin
upper-latin
armenian
georgian
lower-alpha
upper-alpha
none
Imagen aplicable a los elementos de las
URL
listas.
none
Posicin dentro de la lista de los elementos inside
marcadores de las listas.
outside

Mrgenes
Propiedad
margin
margin-top
margin-right
margin-bottom
margin-left

Descripcin

Valores
longitud
Ancho para varios mrgenes individuales. %
auto
Tamao del margen superior, derecho,
inferior e izquierdo.

longitud
%
auto

Ubicacin
Propiedad

Descripcin

Valores

position

Esquema de posicionamiento.

static
relative
absolute
fixed

top
right
bottom
left

Desplazamiento de la caja(respecto al
lmite superior, derecho, inferior o
izquierdo del contenedor).

longitud
%
auto

float

Posicionamiento flotante.

clear

Control de cajas adyacentes a los float.

vertical-align

Alineacin vertical del texto.

z-index

Solapamiento de niveles de capas.

left
right
none
none
left
right
both
baseline
sub
super
top
text-top
middle
bottom
text-bottom
longitud
%
entero con signo
auto

Relleno
Propiedad
padding
padding-top
padding-right
padding-bottom
padding-left

Descripcin

Valores
longitud
Tamaos para varios rellenos individuales.
%
Ancho del relleno superior, derecho,
inferior e izquierdo.

longitud
%

Tablas
Propiedad

Descripcin

caption-side

Posicin del ttulo respecto de la tabla.

table-layout

Control del algoritmo usado para el


formato de las celdas, filas y columnas.

border-collapse

Seleccin del modelo de los bordes.

Valores
top
bottom
auto
fixed
collapse
separate

border-spacing
empty-cells

Espaciado entre los bordes de celdas


adyacentes.
Visibilidad de los bordes de celdas sin
contenido.

longitud
show
hide

Texto
Propiedad
text-indent
text-align

text-decoration

text-transform
letter-spacing
word-spacing

white-space
color
direction
unicode-bidi

Descripcin
Desplazamiento de la primera lnea del
texto.

Valores
longitud
%
left
right
Alineamiento del texto.
center
justify
none
underline
Efectos de subrayado, tachado, parpadeo. overline
line-through
blink
capitalize
Transformaciones del texto a
uppercase
maysculas/minsculas.
lowercase
none
normal
Espacio entre caracteres.
longitud
normal
Espacio entre palabras.
longitud
normal
pre
Comportamiento de los espacios dentro de
nowrap
los elementos.
pre-wrap
pre-line
Color del primer plano.
color
ltr
Sentido direccional de la escritura.
rtl
normal
Sentido direccional de la escritura.
embed
bidi-override

Pseudo Clases
Propiedad
:link
:visited
:active

Descripcin
Enlaces no visitados.
Enlaces visitados.
Cuando es activado(tiempo entre que se pulsa un botn sobre l y
se suelta).

:hover
:focus
:lang
:first-child

Cuando se posiciona el cursor sobre l pero no se activa.


Cuando tiene el foco posicionado sobre l.
Especifica el lenguaje usado en el elemento.
Cuando es el primer hijo de un elemento padre.

Pseudo Elementos
Propiedad
:first-line
:first-letter
:before
:after

Descripcin
Primera lnea de un texto.
Pimera letra de un texto.
Inserta un contenido antes del elemento.
Inserta un contenido despus del elemento.