Cascading Style Sheets (CSS) es un lenguaje de hojas de

estilos creado para controlar el aspecto o presentacin de los

documentos electrnicos definidos con HTML y XHTML.
Es la mejor forma de separar los contenidos y su presentacin
y es imprescindible para crear pginas web complejas.
Mientras que el lenguaje HTML/XHTML se utiliza para marcar
los contenidos, es decir, para designar lo que es un prrafo, lo
que es un titular o lo que es una lista de elementos, el lenguaje
CSS se utiliza para definir el aspecto de todos los contenidos,
es decir, el color, tamao y tipo de letra de los prrafos de
texto, la separacin entre titulares y prrafos, la tabulacin con
la que se muestran los elementos de una lista, etc.

Un estilo CSS posee tres partes

Un selector (Etiqueta, Clase, Id)
Una propiedad
Un valor

Estilo en lnea. Utilizando el atributo style.

<p style="color:red; margin-left:20px">

Parrafo
</p>
Hoja de estilo interna. Se emplea la etiqueta <style> de
HTML y solamente se pueden incluir en la cabecera del
documento.

<style type="text/css">
p { color: black; font-family: Verdana; }
</style>

Hoja de estilo externa. Todos los estilos CSS se

pueden incluir en un archivo de tipo CSS que los
documentos HTML enlazan mediante la etiqueta
<link> en el encabezado.

<link
href="hoja_de_estilo.css"
type="text/css" />

rel="stylesheet"

href. Ubicacin de la hoja de estilo.

Rel. Relacin del archivo con nuestra pgina. Al poner
stylesheet le indicamos que se trata de una hoja de
estilo.

Se indica mediante un asterisco (*).

Se utiliza para seleccionar todos
elementos de la pgina.
*{
margin: 0;
padding: 0;
}

los

Para utilizar este selector, solamente es necesario indicar el nombre

de la etiqueta HTML correspondiente a los elementos que se quieren
seleccionar.
h1 {
margin: 0 0 0.5em;
font-size: 1.8em;
line-height: 1.2;
}
ul {
padding: 0 0 0 2em;
list-style: square;
}
ol { padding: 0 0 0 2.5em }
li { margin: 0 0 0.5em }

CSS permite aplicar directamente los mismos estilos a varios

selectores de forma simultnea.
Para ello, se indican todos los selectores diferentes separados por una
coma (,).
En las hojas de estilo complejas, es habitual agrupar las propiedades
comunes de varios elementos en una nica regla CSS y
posteriormente definir las propiedades especficas de esos mismos
elementos.
h1, h2, h3 {
color: #8A8E27;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

Permite seleccionar los elementos que se encuentran dentro

de otros elementos.
p span { font-weight: bold; }
<p>
...
<span>texto1</span>
</p>
Aplicando la regla CSS anterior, texto1 se vera en negrita. La
razn es que con el selector descendente, un elemento no
tiene que ser hijo directo de otro, sino que la nica condicin
es que est dentro de ese elemento, sin importar lo profundo
que se encuentre.
Al resto de elementos <span> de la pgina que no estn
dentro de un elemento <p>, no se les aplica la regla CSS
anterior.

Los selectores descendentes permiten aplicar de forma sencilla

diferentes estilos a los elementos del mismo tipo.
p span { font-weight: bold; }
h1 span { color: red; }
Los elementos <span> que se encuentran dentro de un elemento
<p> se muestran en negrita. Los elementos <span> dentro de un
elemento <h1> se muestran de color rojo y el resto de elementos
<span> se muestran con el aspecto por defecto aplicado por el
navegador.
Se pueden utilizar varios selectores descendentes seguidos:
p a span em { text-decoration: underline; }
La anterior regla CSS solo se aplica al texto contenido en los
elementos <em> que dentro de un <span> dentro de un enlace de
un prrafo. El elemento al que se aplica el estilo siempre es el ltimo
selector indicado.
No debe confundirse el selector descendente con la combinacin de
selectores:

Son los ms utilizados junto con los selectores de

ID.
Utilizando este selector, se pueden seleccionar
todos los elementos de la pgina cuyo atributo
class coincida con el selector.
Este tipo de selector es imprescindible para poder
seleccionar elementos especficos de la pgina.
Este selector est formado por un signo de punto (.)
y el nombre del atributo class que se quiere
seleccionar.
.especial { color: red; }
<p>Primer prrafo</p>
<p class="especial">Segundo prrafo</p>

Combinando este selector con los anteriores, se puede

restringir el alcance de los selectores.
El siguiente ejemplo aplica la regla CSS solamente a los
elementos de tipo <p> que tengan un atributo class igual al
indicado:
p.aviso {
padding: 0.5em;
border: 1px solid #98be10;
background: #f6feda;
}
Para seleccionar solamente los elementos de un tipo y un
atributo class determinado, se indica la etiqueta del elemento
y sin dejar ningn espacio, se indica el selector de clase.

/* Todos los elementos de tipo "p" con atributo

class="aviso" */
p.aviso { ... }
/* Todos los elementos con atributo class="aviso" que
estn dentro de cualquier elemento de tipo "p" */
p .aviso { ... }
/* Todos los elementos "p" de la pgina y todos los
elementos con atributo class="aviso" de la pgina */
p, .aviso { ... }

CSS tambin permite seleccionar elementos HTML en funcin

del valor de su atributo id.
La explicacin es la misma que para el selector de clase. La
sintaxis utilizada tambin es la misma, salvo que en este caso
se utiliza el smbolo de la almohadilla (#) en vez del smbolo
del punto (.).
#especial { color: red; }
<p>Primer prrafo</p>
<p id="especial">Segundo prrafo</p>
<p>Tercer prrafo</p>
En el ejemplo anterior, solamente el segundo prrafo (cuyo
atributo id es igual a especial) ser seleccionado por el
selector #especial.

La principal diferencia entre este selector y el selector de clase

tiene que ver con HTML y no con CSS. Como se sabe, en una
misma pgina, el valor del atributo id debe ser nico, de forma
que dos elementos diferentes no pueden tener el mismo valor
de id. Sin embargo, el atributo class no es obligatorio que sea
nico, de forma que muchos elementos HTML diferentes
pueden compartir el mismo valor para su atributo class.
Por tanto, cuando se quiere aplicar un estilo a un solo
elemento especfico, se utiliza el selector de id. Si se quiere
aplicar un estilo a varios elementos diferentes, se utiliza el
selector de clase.
Al igual que los selectores de clase, en este caso tambin se
puede restringir el alcance del selector mediante la
combinacin con otros selectores.

CSS permite la combinacin de uno o ms tipos de selectores

para restringir el alcance de las reglas CSS.
.aviso .especial { ... }
Selecciona aquellos elementos con un class="especial" que se
encuentren
dentro
de
cualquier
elemento
con
un
class="aviso".
div.aviso span.especial { ... }
Selecciona
aquellos
elementos
<span>
con
un
class="especial" que estn dentro de cualquier elemento
<div> que tenga un atributo class="aviso".
ul#menuPrincipal li.destacado a#inicio { ... }
Enlace con id="inicio" dentro de <li> con class=" destacado "
que forma parte de una lista <ul> con id="menuPrincipal".

Se utiliza para seleccionar los elementos hijos directos

de otro elemento y se indica mediante el "signo de
mayor que" (>):
p > span { color: blue; }
<p><span>Texto1</span></p>
<p><a href="#"><span>Texto2</span></a></p>
En el ejemplo anterior, el primer elemento <span>
cumple la condicin del selector. El segundo elemento
<span> no la cumple porque es descendiente pero no
es hijo directo de un elemento <p>.

Utiliza el signo + su sintaxis es elemento1 + elemento2 { ... }

selecciona el elemento2 si.
elemento1 y elemento2 son hermanos, por lo que su elemento
padre debe ser el mismo.
elemento2 debe estar inmediatamente despus de elemento1 en el
cdigo HTML de la pgina.
h1 + h2 { color: red }
<h1>Titulo1</h1>
<h2>Subttulo</h2>
<h2>Otro subttulo</h2>
Los estilos del selector h1 + h2 se aplican al primer elemento <h2>
de la pgina, pero no al segundo <h2>.
p + p { text-indent: 1.5em; }
Selecciona todos los prrafos de un elemento salvo el primer prrafo.

Generaliza el selector adyacente. Su sintaxis es elemento1 ~ elemento2 y

selecciona el elemento2 que es hermano de elemento1 y se encuentra a
despus en el cdigo HTML.
h1 ~ h2 { ... } /* selector general de hermanos */
<h1>...</h1>
<h2>...</h2>
<p>...</p>
<div>
<h2>...</h2>
</div>
<h2>...</h2>
Selecciona todos los elementos <h2> de la pgina excepto el segundo, ya que
no son elementos hermanos.

Permiten seleccionar elementos HTML en

funcin de sus atributos y/o sus valores.
[atributo], selecciona los elementos que
tienen
establecido
el
atributo
definido
independientemente de su valor.
[rel] { color: blue; }
[atributo="valor"], selecciona los elementos
que tienen el atributo con el valor definido.
[rel="externo"] { color: blue; }

[atributo~="valor"], selecciona los elementos que

tienen establecido el atributo y al menos uno de los
valores del atributo es valor.
<h1
title="titulo
de
encabezado">Bienvenidos</h1>
[title~="titulo"] { color: blue; }
[atributo|="valor"], selecciona los elementos que
tienen establecido el atributo y cuyo valor es una
serie de palabras separadas con guiones, pero que
comienza con valor.
<h1
title="titulo-deencabezado">Bienvenidos</h1>
[title|="titulo"] { color: blue; }

[atributo^="valor"], selecciona todos los

elementos cuyo valor del atributo comienza
exactamente por la cadena de texto indicada.
[href^="http://"] { ... }
[atributo$="valor"], selecciona todos los
elementos cuyo valor del atributo termina
exactamente por la cadena de texto indicada.
[href$=".html"] { ... }
[atributo*="valor"], selecciona todos los
elementos cuyo valor del atributo contiene la
cadena de texto indicada.
h1[title*="capitulo"] { ... }

Unidades absolutas

in (pulgadas)
cm (centmetros)
mm (milmetros)
pt (puntos)
pc (picas)
px (pixeles)

Unidades relativas
em
ex

Unidades de porcentaje
%

En general, se recomienda el uso de unidades relativas

siempre que sea posible, ya que mejora la accesibilidad de la
pgina y permite que los documentos se adapten fcilmente a
cualquier medio y dispositivo.
El documento Recomendaciones sobre tcnicas CSS para la
mejora de la accesibilidad de los contenidos HTML
(http://www.w3.org/TR/WCAG10-CSS-TECHS/) elaborado por el
organismo W3C, recomienda el uso de la unidad em para
indicar el tamao del texto y para todas las medidas que sean
posibles.
Normalmente se utilizan pxel y porcentajes para definir el
layout del documento (bsicamente, la anchura de las
columnas y elementos de las pginas) y em y porcentajes para
el tamao de letra de los textos.

Palabras Clave
CSS define 17 palabras clave para referirse a los
colores bsicos. Las palabras se corresponden
con el nombre en ingls de cada color.
Adems de la lista bsica, los navegadores
modernos soportan muchos otros nombres de
colores. La lista completa se puede ver en
http://en.wikipedia.org/wiki/Websafe
RGB decimal
Cada una de las componentes puede tomar un valor entre cero y 255.
p { color: rgb(71, 98, 176); }
Si se indica un valor menor que 0 para una componente, automticamente se
transforma su valor en 0. Igualmente, si se indica un valor mayor que 255, se
transforma automticamente
su valor a 255.

RGB porcentual
Otra forma de indicar las componentes RGB de un color
es mediante un porcentaje. Igual que el del RGB
decimal. La nica diferencia en este caso es que el
valor de las componentes RGB puede tomar valores
entre 0% y 100%.
p { color: rgb(27%, 38%, 69%); }
RGB hexadecimal
Es el mtodo ms utilizado.
Se agregan las componentes RGB en hexadecimal del
color antecedidas del prefijo #.
p { color: #4762B0; }

El box model es seguramente la caracterstica ms importante del

lenguaje de hojas de estilos CSS, ya que condiciona el diseo de
todas las pginas web. El box model (modelo de cajas) es el
comportamiento de CSS que provoca que todos los elementos
incluidos en una pgina HTML se representan mediante cajas
rectangulares. Mediante CSS se controlan las propiedades de las
cajas y tambin su representacin visual.
El diseo de cualquier pgina web est compuesto por cajas
rectangulares. CSS permite definir la altura y anchura de cada caja,
el margen que se deja entre cada caja y el espacio de relleno interior
que muestra cada caja.
Adems, CSS permite controlar la forma en la que se visualizan las
cajas: se pueden ocultar, desplazar respecto de su posicin original,
fijarlas en una posicin concreta dentro del documento, etc.

Las partes que componen cada caja y su orden de visualizacin

desde el punto de vista del usuario son las siguientes:
Contenido (content): se trata del contenido HTML del elemento (las
palabras de un prrafo, una imagen, el texto de una lista de
elementos, etc.)
Relleno (padding): est formado por el espacio libre entre el
contenido y el borde que lo encierra.
Borde (border): lnea que encierra completamente el contenido y
su relleno.
Margen (margin): espacio libre entre la caja y las posibles cajas
adyacentes.
El relleno y el margen son transparentes, por lo que en el espacio
ocupado por el relleno se muestra el color o imagen de fondo (si
estn definidos). y en el espacio ocupado por el margen se muestra
el color o imagen de fondo de su elemento padre (si estn definidos).

width (Ancho). Establece el ancho de un

elemento.
Valores. Medida, porcentaje, auto, inherit
Se aplica a todos los elementos salvo las filas (y
grupos de filas) de una tabla
Valor inicial auto.
height (Alto). Establece el alto de un elemento
Valores. Medida, porcentaje, auto, inherit
Se aplica a Todos los elementos salvo las columnas
(y grupos de columnas) de una tabla
Valor inicial auto

Propiedad

Descripcin

margin

Establece de
forma directa
todos los
mrgenes de un
elemento

margin-top

Margen superior

marginright

Margen derecho

marginbottom

Margen inferior

margin-left

Margen izquierdo

Se aplica
Valores
a
Todos los
elementos
salvo
algunos
casos
especiales
de
elementos
mostrados
como
tablas

Valo
r
Inici
al

Medida,
porcentaj
e, auto,
inherit

0
0
0
0

La propiedad margin permite establecer los cuatro mrgenes

de forma directa empleando una nica propiedad. Este tipo
de propiedad resumida se denomina propiedad de tipo
shorthand.
La propiedad margin admite entre 1 y 4 valores, con el
siguiente significado.
Un valor, todos los mrgenes tienen ese valor.
Dos valores, el primero se asigna al margen superior e
inferior y el segundo se asigna a los mrgenes izquierdo y
derecho.
Tres valores, el primero se asigna al margen superior, el
tercero se asigna al margen inferior y el segundo valor se
asigna los mrgenes izquierdo y derecho.
Cuatro valores, el orden de asignacin es: margen superior,
margen derecho, margen inferior y margen izquierdo.

Propiedad

Descripcin

padding

Establece de
forma directa
todos los rellenos
de un elemento

padding-top Relleno superior

paddingright

Relleno derecho

paddingbottom

Relleno inferior

paddingleft

Relleno izquierdo

Se aplica
Valores
a
Todos los
elementos
excepto
algunos
elementos
de tablas Medida,
como
porcentaj
grupos
e, inherit
de
cabeceras
y grupos
de pies de

Valo
r
Inici
al
0
0
0
0

CSS permite definir el aspecto de cada uno de los

cuatro bordes horizontales y verticales de los
elementos. Para cada borde se puede establecer su
ancho, color y estilo.
ANCHO
Propiedad

Descripcin

border-width

Ancho de todos
los bordes del
elemento

border-topwidth

Ancho borde
superior

border-rightwidth

Ancho borde
derecho

border-bottom-

Ancho borde

Se
aplica a

Valore
s

medida
, thin,
Todos los
mediu
element
m,
os.
thick,
inherit

COLOR
Propiedad

Descripcin

border-color

Color de cada uno

de los bordes.

border-top-color

Color borde superior

border-right-color Color borde derecho

border-bottomcolor

Color borde inferior

border-left-color

Color borde
izquierdo

Se
aplica a

Valores

Todos los color,

elemento transpare
s.
nt, inherit

ESTILO
Propiedad

Descripcin

border-style

Estilo de cada
uno de los
bordes.

border-topstyle

Estilo borde
superior

border-rightstyle

Estilo borde
derecho

borderbottom-style

Estilo borde
inferior

border-leftstyle

Estilo borde
izquierdo

Se
aplica a

Valores

none, hidden,
dotted, dashed,
Todos los
solid, double,
element
groove, ridge,
os.
inset, outset,
inherit

PROPIEDADES SHORTHAND
Propiedad

Descripcin

border

Estilo completo todos los

bordes.

border-top

Estilo completo borde

superior

borderright

Estilo completo borde

derecho

borderbottom

Estilo completo borde

inferior

border-left

Estilo completo borde

izquierdo

Se
aplica a

Valores

Ancho
Todos los
borde,
element
Color borde
os.
Estilo borde

Propiedad

Descripcin

Valores

background

background-color,
background-image,
background-repeat,
Fondo de un elemento
background-attachment,
background-position,
inherit

backgroundcolor

Color de fondo

color, transparent,
inherit

backgroundimage

Imagen de fondo

url("url"), none, inherit

Propiedad

Descripcin

Valores

backgroundrepeat

Repeticin de la
imagen de fondo

repeat, repeat-x,
repeat-y, no-repeat,
inherit

backgroundposition

Posicin de la
imagen de fondo

x (porcentaje, medida,
left, center, right)
y (porcentaje, medida,
top, center, bottom)
inherit

backgroundattachment

Comportamiento
de la imagen de
fondo

scroll, fixed, inherit

 Posicionamiento normal o esttico: se trata del

posicionamiento que utilizan los navegadores si no se indica
lo contrario.
Posicionamiento relativo: consiste en posicionar una
caja segn el posicionamiento normal y despus desplazarla
respecto de su posicin original.
Posicionamiento absoluto: la posicin de una caja se
establece de forma absoluta respecto de su elemento
contenedor.
Posicionamiento fijo: convierte una caja en un elemento
inamovible, de forma que su posicin en la pantalla siempre
es la misma.
Posicionamiento flotante: desplaza las cajas todo lo
posible hacia la izquierda o hacia la derecha de la lnea en la
que se encuentran.

Propied
Descripcin
ad

Valores

Selecciona el
positio
posicionamiento con el que
n
Propied se mostrar el elemento
Descripcin
ad

Static, relative,
absolute, fixed, inherit
Valores

top
right
bottom
left

Desplazamiento
Desplazamiento
derecho
Desplazamiento
Desplazamiento
izquierdo

superior
lateral
inferior
lateral

Medida, porcentaje,
auto, inherit

Propied
Descripcin
ad

Valores

Establece el tipo de
float
posicionamiento flotante del
Propied elemento
Descripcin
ad

Left, right, none,

inherit
Valores

clear

Indica el lado del elemento que

no debe ser adyacente a
ninguna caja flotante

None, left, right,

both, inherit

CSS define otras propiedades para

controlar
su
visualizacin:
display,
visibility, overflow.
Utilizando algunas de estas propiedades es
posible ocultar y/o hacer invisibles las cajas
de los elementos, por lo que son
imprescindibles para realizar efectos
avanzados y animaciones.

Propied
Descripcin
ad

display

Permite controlar
la forma de
visualizar un
elemento e
incluso ocultarlo

Valores
inline, block, none, list-item, run-in,
inline-block, table, inline-table,
table-row-group, table-headergroup, table-footer-group, table-row,
table-column-group, table-column,
table-cell, table-caption, inherit

Propied
Descripcin
ad

Valores

Permite hacer visibles e

visibilit
Visible, hidden, collapse,
invisibles a los
y
inherit
Propied elementos
Descripcin
Valores
ad
overflo
w

Permite controlar los

contenidos sobrantes de
un elemento

Visible, hidden, scroll,

auto, inherit

Propieda
Descripcin
d

Valores

color

Establece el color de
letra utilizado para
Color, inherit
el texto

fontfamily

Establece el tipo de
letra utilizado para
el texto

nombre_familia,
familia_generica, inherit

Establece el tamao
de letra utilizado
para el texto

Tamao absoluto (xx-small, xsmall, small, medium, large, xlarge, xx-large), tamao
relativo, medida, porcentaje,
inherit

font-size

Familia
Generica

Fuente

serif

Times New Roman, Bodoni, Garamond, Minion

Web, ITC Stone Serif, MS Georgia, Bitstream
Cyberbit

sans-serif

MS Trebuchet, ITC Avant Garde Gothic, MS Arial,

MS Verdana, Univers, Futura, ITC Stone Sans,
Gill Sans, Akzidenz Grotesk, Helvetica

cursive

Caflisch Script, Adobe Poetica, Sanvito, Ex

Ponto, Snell Roundhand, Zapf-Chancery

fantasy

Alpha Geometrique, Critter, Cottonwood, FB

Reactor, Studz

monospace

Courier, MS Courier New, Prestige, Everson

Mono

Propieda
Descripcin
d

Valores

fontweight

Establece la anchura de
la letra utilizada para el
texto.

normal, bold, bolder,

lighter, 100, , 900, inherit

fontstyle

Establece el estilo de la
letra utilizada para el
texto

normal, italic, oblique,

inherit

font

Opcionalmente font-style,
font-variant, font-weight
Permite indicar de forma Obligatoriamente fontdirecta todas las
size
propiedades de la
Opcionalmente linetipografa de un texto
height
Obligatoriamente font-

Propiedad

Descripcin

Valores

text-align

Establece la
alineacin del
contenido del
elemento

left, right, center, justify,

inherit

line-height

Permite establecer la
altura de lnea de los
elementos

normal, numero, medida,

porcentaje, inherit

textdecoration

Establece la
decoracin del texto
(subrayado, tachado,
parpadeante, etc.)

none, underline, overline,

line-through, blink, inherit

Propiedad

Descripcin

Valores

texttransform

Transforma el texto
original a maysculas, a
minsculas, etc.

capitalize, uppercase,
lowercase, none, inherit

verticalalign

Determina la alineacin
vertical de los
contenidos de un
elemento

baseline, sub, super,

top, text-top , middle,
bottom, text-bottom ,
porcentaje, medida,
inherit

text-indent

Tabula desde la
izquierda la primera
lnea del texto original

Medida, porcentaje,
inherit

Propiedad

Descripcin

Valores

letterspacing

Permite establecer el
espacio entre las letras
que forman las palabras
del texto

normal, medida, inherit

wordspacing

Permite establecer el
espacio entre las
palabras que forman el
texto

normal, medida, inherit

whitespace

Establece el tratamiento
de los espacios en
blanco del texto

normal, pre, nowrap,

pre-wrap, pre-line,
inherit

:first-line. Permite seleccionar la primera

lnea de texto de un elemento.
:first-letter.
Permite
seleccionar
la
primera letra de la primera lnea de texto
de un elemento.
:before
y
:after.
se
utilizan
en
combinacin con la propiedad content de
CSS para aadir contenidos antes o
despus del contenido original de un
elemento.

:link. Aplica estilos a los enlaces que apuntan a

pginas o recursos que an no han sido visitados por el
usuario.
:visited. Aplica estilos a los enlaces que han sido
visitados anteriormente por el usuario.
:hover. Aplica estilos al enlace sobre el que el usuario
ha posicionado el puntero del ratn.
:active. Aplica estilos al enlace que est pinchando el
usuario.
:focus. Aplica estilos a los elementos cuando estos
tiene el foco. (aplica para elementos de formulario y
enlaces).
Las pseudo-clases :hover y :active se definen para
todos los elementos HTML.

:first-child. Selecciona el primer elemento hijo de un

elemento.
ul li:first-child { ... }
:last-child.(CSS3) Selecciona el ltimo elemento hijo
de un elemento.
ul li:last-child { ... }
:only-child.(CSS3) Selecciona el nico elemento
dentro de otro elemento.
<div><p>parrafo1</p></div>
<div><p>p1</p><p>p2</p></div>
span:only-child { ... }
En el caso anterior solo se afecta el primer prrafo
porque es nico.

:nth-child(posicion). (CSS3) Esta pseudo

clase
encuentra
un
hijo
especfico
localizado en la posicin dada. En lugar de
un nmero se puede usar las palabras
clave odd y even para referenciar
elementos con un ndice impar o par
respectivamente.

Propiedad

Descripcin Valores

list-styletype

Establece el
tipo de
vieta
mostrada
para una
lista

list-styleposition

Establecer la
posicin de
la vieta de
inside, outside, inherit
cada
elemento de
una lista

disc, circle, square, decimal,

decimal-leading-zero, lower-roman,
upper-roman, lower-greek, lowerlatin, upper-latin, armenian,
georgian, lower-alpha, upper-alpha,
none, inherit

Propiedad

Descripcin

Valores

list-styleimage

Reemplaza las
vietas automticas
por una imagen
personalizada

url, none, inherit

list-style

Establece de forma
simultnea todas las
opciones de una lista

list-style-type, list-styleposition, list-style-image,

inherit

Propiedad

Descripcin

Valores

bordercollapse

Define el mecanismo de fusin

de los bordes de las celdas
adyacentes de una tabla

collapse,
separate,
inherit

borderspacing

Establece la separacin entre los

Medida, medida,
bordes de las celdas adyacentes
inherit
de una tabla

Define el mecanismo utilizado

show, hide,
empty-cells para el tratamiento de las celdas
inherit
vacas de una tabla