Los textos y los párrafos tienen demasiadas propiedades como par ser listadas todas juntas así que aquí va un segundo grupo.La propiedad text-align establece la alineación y sólo se aplica a elementos de bloque (P, DIV, Hx, etc.) y es similar al atributo ALIGN de las etiquetas.
sintaxis en HTML
elemento {text-align: valor;}
por ejemplo: p {text-align: center;}
sintaxis en JAVASCRIPT
elemento.style.textAlign='valor';
por ejemplo: this.style.textAlign='center';
Los posibles valores son: left (el valor por defecto), right, center y justify.
En Internet Explorer hay algunas propiedades exclusivas que afectan el alineamiento:
text-justify permite definir el tipo de alineamiento cuando lo definimos como justificado:
elemento {text-justify : valor;}
elemento.style.textJustify='valor';
Los posibles valores son auto (es el valor por defecto), distribute, distribute-all-lines, distribute-center-last, inter-cluster, inter-ideograph, inter-word, kashida, newspaper.
En este ejemplo, al pasar el mouse encima del párrafo se cambiará el tipo de justificación de auto a distribute-all-lines pero sólo será visible en Internet Explorer (Ver/Ocultar) [+]
text-align-last establece el alineamiento de la última línea de un párrafo:
elemento {text-align-last : valor;}
elemento.style.textAlignLast(n)='valor';
Los posibles valores son auto (es el valor por defecto), center, justify, left o right.
En este ejemplo, al pasar el mouse encima del párrafo se cambiará el tipo de justificación de auto a distribute-all-lines pero sólo será visible en Internet Explorer (Ver/Ocultar) [+]
La propiedad text-decoration establece la "decoración" de un texto.
sintaxis en HTML
elemento {text-decoration: valor;}
por ejemplo: p {text-decoration: underline;}
sintaxis en JAVASCRIPT
elemento.style.textDecoration='valor';
por ejemplo: this.style.textDecoration='underline';
Los valores admitidos son:
none es el valor por defecto de los textos normales
underline subraya un texto y es el valor por defecto de los textos que tengan el atributo HREF
overline subraya el texto pero "sobre" la palabra
line-through tacha un texto con una línea y es el valor por defecto de las etiquetas STRIKE, y DEL
blink hace que el texto parpadee pero no está implementada en Internet Explorer ni en Opera
la propiedad underline la propiedad overline
la propiedad line-through la propiedad blink
la propiedad line-through la propiedad blink
En Internet Explorer pueden usarse propiedades específicas para cada uno de ellos, estableciendo el valor true o false:
this.style.textDecorationNone='true | false';
this.style.textDecorationUnderline='true | false';
this.style.textDecorationOverline='true | false';
this.style.textDecorationLineThrough='true | false';
this.style.textDecorationBlink='true | false';
Además, Internet Explorer tiene una propiedad exclusiva que determina si en un texto subrayado, esa línea se muestra arriba o abajo de los caracteres:
elemento {text-underline-position : valor;}
elemento.style.textUnderlinePosition='valor';
Los posibles valores son auto (es el valor por defecto), above, below o auto-pos.
Este es un ejemplo sólo visible en Internet Explorer (Ver/Ocultar) [+]
La propiedad text-indent establece la sangría de la primera línea de un texto dentro de un elemento.
sintaxis en HTML
elemento {text-indent: valor;}
por ejemplo: p {text-indent: 50px;}
sintaxis en JAVASCRIPT
elemento.style.textIndent='valor';
por ejemplo: this.style.textIndent='50px';
Los valores que podemos utilizar son similares a los que usamos para los márgenes: cm, mm, in, pt, pc, px, em o ex o un porcentaje.
STYLE="text-indent:0px;"
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
STYLE="text-indent:30px;"
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
STYLE="text-indent:100px;"
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
La propiedad text-transform establece la forma en que se verá un texto.
sintaxis en HTML
elemento {text-transform: valor;}
por ejemplo: p {text-transform: uppercase;}
sintaxis en JAVASCRIPT
elemento.style.textTransform='valor';
por ejemplo: this.style.textTransform='uppercase';
none que el valor por defecto
capitalize la primera letra de cada palabra se transforma en mayúscula
uppercase todas los caracteres se transforman en mayúsculas
lowercase todas los caracteres se transforman en minúsculas
La propiedad text-shadow crea una sombra en el texto pero, si bien está admitida por la W3C, sólo está implementado en los navegadores Safari.Otra propiedades exclusiva de Internet Explorer es text-overflow establece la forma en que se verá un texto si este sobrepasa el bloque que lo contiene:
elemento {text-overflow : valor;}
elemento.style.textOverflow='valor';
Los posibles valores son clip que simplemente corta el texto (es el valor por defecto) o ellipsis que muestra los caracteres ... al final del texto para indicar que este continúa. Ver/Ocultar ejemplo [+]
SUMARIO:
Sin comentarios
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...