Soporte: Can I Use

Esta propiedad nos permite aplicar una o varias sombras a un texto, de la siguiente manera:

text-shadow: x y blur color;

x: desplazamiento horizontal.
y: desplazamiento vertical.
blur: difuminado.
color:color de la sombra.

Ejemplo básico:

text-shadow: 3px 3px 5px #FFF;

Text-shadow

Trazar borde:

color: #FFF;
text-shadow: 1px 1px 0px #000,
	-1px 1px 0px #000,
	1px -1px 0px #000,
	-1px -1px 0px #000;

Text-shadow

Neón:

color: #fff;
text-shadow: 0 0 5px #fff,
	0 0 10px #fff, 0 0 15px #fff,
	0 0 20px #ff2d95,
	0 0 30px #ff2d95,
	0 0 40px #ff2d95,
	0 0 50px #ff2d95,
	0 0 75px #ff2d95;
letter-spacing: 5px;
font-family: sans-serif;

Text-shadow

3D:

color: #fff; 
text-shadow: 0px 1px 0px #999,
	0px 2px 0px #888,
	0px 3px 0px #777,
	0px 4px 0px #666,
	0px 5px 0px #555,
	0px 6px 0px #444,
	0px 7px 0px #333,
	0px 8px 7px #001135;

Text-shadow

Fuego:

color: #FFF;
text-shadow: 0 0 2px #eee,
	0 0 4px  #fff,
	0 -2px 4px  #ff3,
	2px -4px 6px  #fd3,
	-2px -6px 11px  #f80,
	2px -8px 18px  #f20;
letter-spacing: 5px;

Text-shadow

Soporte: Can I Use

Es un nuevo selector de CSS3 que nos permite aplicar estilos al texto que se selecciona y cambiar así el estilo por defecto (texto blanco sobre fondo azul).

p::selection{
*tags
}

Selecciona el texto:

Aenean aliquam quis arcu at sodales. Morbi luctus ultricies dolor, eget placerat eros iaculis nec. Mauris non eleifend risus. Sed a diam at sem dignissim ultricies at ut lorem. Sed a metus commodo, tincidunt neque ac, malesuada lorem. Nulla consequat fermentum risus, in hendrerit arcu ultrices sed. Nunc leo turpis, commodo eget viverra vitae, consequat sit amet urna.

#selection::selection{
	background-color: red;
	color: yellow;
}

Soporte: Can I Use

Solo funciona en textos justificados (text-align: justify). Permite elegir como será el alineado de la última línea de un texto justificado:

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

text-align-last: justify;
-moz-text-align-last: justify;

Aenean aliquam quis arcu at sodales. Morbi luctus ultricies dolor, eget placerat eros iaculis nec. Mauris non eleifend risus. Sed a diam at sem dignissim ultricies at ut lorem.

text-align-last: center;
-moz-text-align-last: center;

Aenean aliquam quis arcu at sodales. Morbi luctus ultricies dolor, eget placerat eros iaculis nec. Mauris non eleifend risus. Sed a diam at sem dignissim ultricies at ut lorem.

text-align-last: right;
-moz-text-align-last: right;

Aenean aliquam quis arcu at sodales. Morbi luctus ultricies dolor, eget placerat eros iaculis nec. Mauris non eleifend risus. Sed a diam at sem dignissim ultricies at ut lorem.

Soporte: Can I Use

Estas propiedades permiten modificar el color o el estilo de la decoración (subrayado, tachado...).

text-decoration-color: color;
text-decoration-style: solid|double|dotted|dashed|wavy;

Ejemplo 1:

text-decoration: underline;
text-decoration-color: red;
-moz-text-decoration-color: red;
text-decoration-style: double;
-moz-text-decoration-style: double;

Aenean aliquam quis arcu at sodales.

Ejemplo 2:

text-decoration: line-through;
text-decoration-color: white;
-moz-text-decoration-color: white;
text-decoration-style: wavy;
-moz-text-decoration-style: wavy;	

Aenean aliquam quis arcu at sodales.

Soporte: Can I Use

Evita que el texto se corte dentro de una caja

word-wrap: normal;

word-wrap: break-word;

Las palabras cuyo ancho son mayor al del contenedor, se produce un salto de línea. El resto de palabras se ajustan al ancho y se produce el salto de línea cuando termina la palabra.

Permite saltos entre dos caracteres cualesquiera que sean o impedir saltos del línea del todo

word-break: normal;
word-break: keep-all;

word-break: break-word;

Las líneas no se ajustan al ancho del contenedor, es decir, cada línea ocupa un ancho fijo. Si una palabra se sale de ese ancho, se produce un salto de línea, sea cual sea el carácter por el que se produzca el salto.

Soporte: Can I Use

Esta propiedad nos permite especificar como se tratará el texto, si una parte de él está oculta.

text-overflow: clip;

Las palabras que se pasen del ancho del contenedor se cortan directamente.

text-overflow: ellipsis;

Las palabras que se pasen del ancho del contenedor se cortan añadiendo "..." al final.

Soporte: Can I Use

Hay una propiedad CSS denominada text-stroke que nos permite añadir fácilmente un borde a los textos que elijamos. Pero es una propiedad no estándar y hasta el momento con muy poco soporte en los distintos navegadores.

text-stroke: 1px green;

text-stroke: 4px red;

text-stroke: "px" // Anchura del borde
text-stroke: "#color" // Color del borde