Atributos Css

Atributos de color y fondo

color - indica el color del texto
background-color - indica el color de fondo del elemento
background-image - permite colocar una imagen de fondo del elemento
background-repeat - indica si ha de repetirse la imagen de fono y si se repite si debe ser horizontal (repeat-x), vertical (repeat-y), o no repetirse (no-repeat)
background-attachment - especifica si la imagen ha de permanecer fija (fixed) o realizar un scroll (scroll)
background-position - sirve para posicionar una imagen con una medida en porcentaje, tamaño o top, center, bottom, left, right

Atributos para fuentes

font-size - indica tamaño de la fuente
font-family - establece familia de la fuente
font-weight - determina si la fuente es normal o cursiva (italic) u oblique
font-variant - determina si la fuente es normal o mayúscula pequeña (small-caps)
line-height - determina el espacio entre lineas

Atributos relacionados con el texto

text-decoration - establece si el texto esta subrayado (underline), sobrerayado (overline), tachado (line-throught), o normal (none)
text-align - indica la alineación del texto con valores left, right, center o justify
text-indent - determina la tabulación del texto
text-transform - nos permite escribir con la primera letra de todas las palabras en mayúsculas (capitalize), todo en mayúsculas (uppercase) o minúsculas (lowercase)
latter-spacing - determina el espacio entre letras
word-spacing - determina el espacio entre palabras
vertical-align - establece la alineación vertical del texto
line-height - establece la altura de la linea

Atributos de caja

margin - que puede ser left, right, top, buttom e indican el margen
padding - (left, right, top, buttom) establece espacio entre los bordes y el contenido
border-color - (left, right, top, buttom) establece los colores de los bordes
border-style - estanblece el estilo del borde que puede ser punteado (dotted), solido (solid), doble borde (double), y valores con ejectos 3D groove, ridge, inset, outset
border-width - (left, right, top, buttom) establece el grosor del borde

Atributos de clasificación

display - determina si el elemento es de bloque (block), linea (inline), lista (list-item), o ninguno (none)
white-space - para mantener los espacios en blanco
list-style-type - indica el simbolo a utilizar como marcador de una lista. Valores: disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none.
listy-style-image - permite utilizar imagenes como marcadores de listas
list-style-position - determina la posición del marcador en una lista que puede ser outside o inside

Propriedades de posicionamiento de elementos

clip - permite seleccionar una zona, puede tomar valores shape o auto
height - establece la altura de un elemento
width - anchura de un elemento
overflow - indica si un elemento será visible o no en caso que supera los limites del contenedor. Los valores que puede tomar son: visible, hidden, scroll, auto
position - indica el posicionamiento del elemento que es absoluto (absolute), relativo (relative) o estatico (static)
z-index - define la posición del elemento en el tercer eje de coordenadas

Ejemplo:

                  body {
                    margin: 0px;
                    padding: 0;
                    background: #e6d3b5 url(images/img01.jpg) repeat-x left top;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 12px;
                    color: #464646;
                    }

Mundo del Programador

Atributos Css

Mundo
del Programador