Propiedades más usadas en las hojas de estilo


font-family:

Recibe las fuentes que podrán usarse.

font-size:

Permite definir el tamaño de la fuente. Si se colocaran en puntos hay que definir la medida Pt.

font-style:

Permite definir el estilo de la fuente (normal, normal; italica italic).

 

font-weight:

Permite definir el grosor del texto, por ejemplo en negrita (bold), normal (normal).

 

height:

Establece la altura de un elemento.

line-height:

Establece la distancia en líneas (Interlineado). Se coloca según la unidad (Por ejemplo 1.2px).

 

list-style-image:

Permite indicar una imagen para la marca de cada elemento de la lista. Se le debe asignar la URL de la imagen.

list-style-type:

Permite indicar que tipo de marca se desea colocar a cada elemento: none (no tiene marca), disc (la opción por defecto), circle (círculo sin rellenar), square (cuadrado), decimal (la marca es un número decimal).

margin-botton:

Permite indicar el tamaño del margen inferior. Si se colocan en cm hay que definir la unidad cm.

 

margin-left:

Permite indicar el tamaño del margen izquierdo. Si se colocan en cm hay que definir la unidad cm.

 

margin-right:

Permite indicar el tamaño del margen derecho. Si se colocan en cm hay que definir la unidad cm.

 

margin-top:

Permite indicar el tamaño del margen superior. Si se colocan en cm hay que definir la unidad cm.

overflow:

Nos permite definir qué es lo que pasará cuando un objeto contenido se desborda de su contenedor: (visible, está opción es por defecto y nos permite que el objeto contenido se desborde siempre; hidden, es lo contrario, no permite el desbordamiento; scroll, no permite el desbordamiento pero crea un scroll para poder ver la parte oculta).

 

padding:

Es el relleno es el espacio dentro de un elemento, este espacio está entre el borde del elemento y el contenido del elemento.

 

text-align:

Define la alineación del texto izquierdo (left), derecho (right), centrado (center), justificado (justify).

text-decoration:

Permite indicar varios efectos visuales para un texto. Sus posibles valores son: (none) sin nada, (underline) subrayado, con una línea por encima (overline), parpadeando (blink).

 

text-shadow:

Nos permite definir una sombra a un texto.

 

width:

Establece el ancho del elemento.