Style textShadow Property

<Estilo de objeto

Ejemplo

Añadir sombra a un texto:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";

Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades textShadow o devuelve uno o más efectos de sombra para un texto.

Soporte del navegador

La propiedad textShadow es compatible con todos los principales navegadores.

Nota: La propiedad textShadow no es compatible con Internet Explorer 9 y versiones anteriores.

Sintaxis

Devolver la propiedad textShadow:

object .style.textShadow

Establecer la propiedad textShadow:

object .style.textShadow="none| Note: La propiedad textShadow concede uno o más sombras al texto. La propiedad es una lista separada por comas de sombras, cada uno especificado por 2 o 3 valores de longitud y un color opcional. longitudes omitidas son 0.

Valores de propiedad

Valor	Descripción
none	Ninguna sombra se dibuja. Esto es por defecto
h-shadow	Necesario. La posición de la sombra horizontal. Los valores negativos se les permite
v-shadow	Necesario. La posición de la sombra vertical. Los valores negativos se les permite
blur	Opcional. La distancia de desenfoque
color	Opcional. El color de la sombra. Mira valores de color CSS para obtener una lista completa de posibles valores de color
initial	Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit	Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto:	ninguna
Valor de retorno:	Una cadena, que representa una lista separada por comas de efectos de sombra aplica al texto del elemento
Versión CSS	CSS3