CSS - sombra de texto

Descripción

La propiedad text-shadow especifica una o más sombras que se derivan del texto de un elemento.

Valores posibles

none - No se deben asociar sombras con el elemento.
color- Cualquier valor de color. Esto le da el color de la sombra.
length length length - Las distancias de desplazamiento y el radio de desenfoque de la sombra, en el orden de desplazamiento x, desplazamiento y y radio de desenfoque.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.textShadow = "red";

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo establecer la sombra alrededor de un texto. Es posible que esto no sea compatible con todos los navegadores.

<html>
   <head>
   </head>

   <body>
      <p style = "text-shadow:4px 4px 8px blue;">
         If your browser supports the CSS text-shadow property, 
         this text will have a  blue shadow.
      </p>
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page