Fondo

Propiedades Descripcin

background-color Aplicar color de fondo a diferentes elementos.

background-image Utilizar una imagen como fondo.

background-repeat La imagen de fondo se repite.

background-attachment Dejar fija la imagen de fondo.

background-position Ubicar una imagen en un lugar determinado.

Textos

Propiedades Descripcin

text-indent Como dejar sangra en un texto.

text-align Centrar un texto.

text-decoration Definir un texto tachado o subrayado.

text-transform Convertir un texto a minsculas o maysculas.

letter-spacing Controlar el espacio entre letras.

word-spacing Controlar el espacio entre palabras.

white-space Definir la ubicacin del salto de lnea.

color Colorear el texto a su gusto.

direction Definir el sentido de la escritura.

Fuentes

Propiedades Descripcin

font-family Definir un tipo de fuente.

font-style Escribir en itlica.

font-variant Variar la fuente a maysculas ms pequeas.

font-weight Como darle intensidad a la fuente.

font-size Definir el tamao de la fuente.

Bordes

Propiedades Descripcin

border-width Establecer el ancho del borde del elemento.

border-color Colorear el borde.

border-style Uso de bordes ocultos.

Uso de bordes punteados.

Uso de bordes a rayas.

Uso de bordes slidos.

Uso de bordes dobles.

Uso de bordes sombreados.

Uso de bordes en relieve.

Uso de bordes en recuadro.

Uso de bordes resaltados.

Mrgenes

Propiedades Descripcin

margin Como dejar un mrgen alrededor de un elemento con

medidas.

margin Como dejar un mrgen alrededor de un elemento con

porcentajes.

Relleno - Padding

Propiedades Descripcin

padding Como controlar el relleno que hay entre el borde y el

contenido.

Listas

Propiedades Descripcin

list-style-type Aplicar diferentes marcadores a los tems de una lista

desordenada.

Aplicar nmeros decimales y nmeros romanos en listas

ordenadas.

Aplicar letras, nmeros y blancos para listas ordenadas.

Tablas

Propiedades Descripcin

table-layout Como controlar el tamao de las celdas de una tabla.

border-collapse Definir un borde separado o un borde de una lnea fina en una

tabla.

Dimensiones

Propiedades Descripcin

width Defina el ancho de un prrafo a su gusto.

min-width Defina un ancho mnimo para un prrafo.

max-width Como definir un ancho mximo para un prrafo.

height Como establecer la altura de un elemento.

min-height Defina una altura mnimo para un elemento.

max-height Defina una altura mxima para un prrafo.

line-height Declare una separacin entre lneas.

Efectos visuales

Propiedades Descripcin

overflow Insertar una barra de desplazamiento en caso que el

contenido sea superior a la caja que lo contiene

clip Mostrar parte de una imagen

display Como convertir diferentes elementos en tems de una lista

visibility Mostrar u ocultar un texto

Ubicacin

Propiedades Descripcin

position Posiciona un elemento dentro de la pgina por medio del

mtodo esttico

Por medio del mtodo relativo

Por medio del mtodo absoluto

Por medio del mtodo fijo

top

right

bottom

left

Ubicar un elemento por medio de estas propiedades.

float Posicionamiento flotante a la izquierda.

Posicionamiento flotante a la derecha

clear No permite elementos flotantes a la izquierda.

No permite elementos flotantes a ambos lados

vertical-align Alineacin vertical del texto : Lnea de referencia.

Por debajo

Por arriba

Por encima

Texto superior

Medio

Inferior

Texto inferior

Longitud

Porcentaje

z-index Ubica una imagen en una capa inferior al texto.

Contenido y Numeracin Automtica

Propiedades Descripcin

content Agregar un contenido junto con los pseudo elementos ":after

y :before"

Pseudo Class

Propiedades Descripcin

:link Define el color de un enlace que an no ha sido visitado

:visited Define el color de un enlace que ya ha sido visitado

:active Comportamiento del color de un enlace mientras se est

presionando

:hover Comportamiento del color de un enlace al pasar el cursor

sobre l

:focus Hacer foco en un enlace

:lang Especificar el lenguaje usado en el elemento

Pseudo Element

Propiedades Descripcin

:first-line Cambios en la primera lnea de un texto

:first-letter Cambios en la primera letra de un texto

:before Inserta un contenido antes del elemento

:after Inserta un contenido despus del elemento