Tu web de informática

atras

2.2 Estilos de la "d" a la "l"

adelante
  1. Direction: valor
    Este código nos permite especificar la dirección en la que se escribirá el código. Los distiontos valores son ltr, rtl y inherit. ltr hace que el texto e escriba de izquierda a derecha, rtl hace que el texto e escriba de derecha a izquierda, e inherit hace que tenga la misma propiedad que el objeto que contenga al que le pones esta propiedad.
  2. Display: valor
    Este código define el tipo de "caja" o bloque que contiene al elemento. Algunos valores útiles son: block (genera un bloque con un salto de línea antes y después (utilizado en el tutorial para algunos enlaces)), table (el elemento se comporta como un <table> con salto de línea antes y después), inline (genera un bloque sin marcar y sin salto de línea, que es la opción predeterminada), none (no genera ningún bloque y el elemento no se vería), inherit.
  3. empty-cells: valor
    Este código define si en una celda vacía de una tabla se mostarán o no los bordes. Los valores posibles son hide (para que no se muestren), show (para que se muestren, es la de por defecto) e inherit.
  4. float: valor
    Permite sacar un elemento de la línea en la que se está escribiendo el mismo, y situarlo a un lado. Esto sirve por ejemplo para situar imágenes a los lados de un texto, mientras que si no se usara esta propiedad la imagen aparecería en la misma línea del texto. Los valores son right (derecha), left (izquierda), none (sigue en la misma línea y no se sale), inherit.
  5. font: valor1 valor2 valor3...
    Permite definir el tipo de fuente del texto. Los valores posibles son los mismos que los siguientes códigos que empiezan por "font-", permitiendo ponerlos todos en un sólo código con múltiples valores.
  6. font-family: valor
    Permite definir la fuente que tendrá el texto, por ejemplo Arial.
  7. font-size: valor
    Permite definir el tamaño de fuente del texto, por ejemplo 10px. También se pueden usar em en vez de px (píxeles), siendo 1em el tamaño por defecto, de forma que por ejemplo 2em es el doble de grande, o 0.5em es la mitad de pequeño.
  8. font-style: valor
    Los posibles valores son italic, oblique, normal e inherit.
  9. font-weight: valor
    Permite definir el grosor de la fuente. Algunos ejemplos de valores son bold, bolder (más grueso que el que tenga puesto), lighter (más fino) o normal.
  10. height: valor
    Permite definir la altura del elemento, por ejemplo 100px.
  11. left: valor
    Permite definir la distancia a la que estará el elemento por el lado izquierdo del borde del elemento que le contenga, por ejemplo 5px.
  12. letter-spacing: valor
    Permite definir la distancia entre las letras (sólo para elementos h1 y h2), por ejemplo 2px o -1px.
  13. line-height: valor
    Permite definir la altura de la línea en la que estás escribiendo, por ejemplo 20px.
  14. list-style: valor
    Permite definir los símbolos a usar en una lista (por ejemplo <ol> o <ul>).Los valores que puede tomar son:
    • cjk-ideographic
    • cjk-ideographic
    • circle
    • circle
    • decimal
    • decimal
    • decimal-leading-zero
    • decimal-leading-zero
    • disc
    • disc
    • georgian
    • georgian
    • armenian
    • armenian
    • lower-alpha
    • lower-alpha
    • lower-greek
    • lower-greek
    • lower-latin
    • lower-latin
    • lower-roman
    • lower-roman
    • square
    • square
    • upper-alpha
    • upper-alpha
    • upper-latin
    • upper-latin
    • upper-roman
    • upper-roman
    • none
    • none
  15. list-style-image: url(rutadelarchivo)
    Permite definir el elemento de la lista como una imagen que tengas.

He omitido algunos códigos por no funcionar bien en todos los exploradores y por lo tanto no ser del todo útiles.


  • Autor: Juanma (Administrador de Tu web de informática)

Si tienes alguna pregunta que hacernos tienes el foro a tu disposición.

atras
adelante

Volver a crear webs>>


Creada el 23/08/10 18:55
Copyright © - Todos los derechos reservados - Página creada por Juanma