El Mundo De Sofia

anterior   siguiente   contenidos   propiedades   índice  

16 Texto
Contenidos
* 16.1 Sangría: la propiedad 'text-indent'
* 16.2 Alineación: la propiedad 'text-align'
* 16.3 Decoración
* 16.3.1 Subrayado, súper-rayado, tachado y parpadeo: la propiedad 'text-decoration'
* 16.3.2 Texto con sombra: la propiedad 'text-shadow'
* 16.4 Espaciado de letras ypalabras: las propiedades 'letter-spacing' y 'word-spacing'
* 16.5 Cambio de minúsculas y mayúsculas: la propiedad 'text-transform'
* 16.6 Espacios en blanco: la propiedad 'white-space'
Las propiedades definidas en las siguientes secciones afectan la presentación visual de los caracteres, espacios, palabras y párrafos.
16.1 Sangría: la propiedad 'text-indent'
'text-indent'
Valor:  | <medida> | <porcentaje> | inherit |
Inicial:   | 0 |
Se aplica a:   | los elementos a nivel de bloque |
Se hereda:   | si |
Porcentajes:   | se refieren al ancho del bloque de contención |
Medios:   | visuales |
Esta propiedad especifica la sangría de la primer línea de texto en un bloque. Más precisamente, especifica la sangría de la primer caja que fluye dentro dela primer caja de línea dentro del bloque. La caja es sangrada con respecto al límite izquierdo (o derecho, para las composiciones de derecha a izquierda) de la caja de línea. Las aplicaciones del usuario deben procesar este sangrado como espacio en blanco.
Los valores tienen los siguientes significados:
<medida>
El sangrado tiene una medida fija.
<porcentaje>
El sangrado esun porcentaje del ancho del bloque de contención.
El valor de 'text-indent' puede ser negativo, pero pueden haber limitaciones específicas de la implementación.
El siguiente ejemplo produce una sangría de '3em' en el texto.
P { text-indent: 3em }
16.2 Alineación: la propiedad 'text-align'
'text-align'
Valor:   | left | right | center | justify | <cadena> |inherit |
Inicial:   | depende de la aplicación del usuario y el sentido de la escritura |
Se aplica a:   | los elementos a nivel de bloque |
Se hereda:   | si |
Porcentajes:   | N/A |
Medios:   | visuales |
Esta propiedad describe cómo el contenido a nivel del línea de un bloque es alineado. Los valores tienen los siguientes significados:
left, right, center y justify
Textoalineado a la izquierda, derecha, centro y justificado, respectivamente.
<cadena>
Especifica una cadena con la cuál las celdas de una columna de una tabla se alinearán (ver la sección sobre alineamiento horizontal en una columna para detalles y un ejemplo). Este valor se aplica solamente a las celdas de una tabla. Si se aplica a otros elementos, será tratado como 'left' o 'right',dependiendo de si 'direction' es 'ltr' o 'rtl', respectivamente.
Un bloque de texto es una pila de cajas de líneas. En el caso de 'left', 'right' y 'center', esta propiedad especifica cómo las cajas a nivel de línea dentro de cada caja de línea se alínean con respecto a los lados izquierdo y derecho de la caja de línea; la alineación no es con respecto al acceso visual. En el caso de 'justify', la AUpueden estirar las cajas a nivel de línea además de ajustar su posición. (Ver también 'letter-spacing' y 'word-spacing'.)
En este ejemplo, observe que mientras 'text-align' es heredado, todos los elementos a nivel de bloque dentro del elemento DIV con 'class=center' tendrán su contenido centrado.
DIV.center { text-align: center }
Nota. El real algoritmo de justificación usadodepende de la aplicación del usuario y del lenguaje de escritura.
Las aplicaciones del usuario con conformidad pueden interpretar el valor 'justify' como 'left' o 'right', dependiendo de si la dirección de escritura predeterminada del elemento es de izquierda a derecha o de derecha a izquierda, respectivamente.
16.3 Decoración
16.3.1 Subrayado, súper-rayado, tachado y parpadeo:: la propiedad...