English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
texto-La propiedad de sombra CSS aplica uno o más efectos de sombra de texto al contenido de texto del elemento. Cada efecto de sombra de texto debe especificar el desplazamiento de sombra y puede especificar opcionalmente el radio de desvanecimiento y el color de sombra.
La siguiente tabla proporciona una descripción de uso y historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor por defecto: | none |
|---|---|
| Aplica a: | Todos los elementos. También se aplica a ::first-letter y ::first-line. |
| Herencia: | es |
| Animable: | es.Por favor, consulte Atributos de animación. |
| Versión: | CSS3nueva característica |
| Sintaxis de JavaScript: | object.style.textShadow="2px 2px #ff0000" |
El efecto de sombra de texto se aplica en el orden especificado, por lo que puede solaparse entre sí, pero nunca cubrirá el texto en sí.
Se puede especificar el radio de desvanecimiento después del valor de desplazamiento de sombra; es un valor de longitud que representa el tamaño del efecto de desvanecimiento.
Se puede especificar el valor de color de la sombra antes o después de la longitud de desplazamiento. Si no se especifica el color de la sombra, se utilizará el color CSS predeterminado. colorValores del atributo
La sintaxis de este atributo es la siguiente:
texto-shadow: shadow1 , [shadow2, ... shadowN] | none | inherit donde está la sombra: [offset-x offset-y blur-radius color]
Los siguientes ejemplos muestran cómo usar text-Atributo shadow
h1 {
texto-shadow: 2px 2px 5px #000;
}
p {
texto-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}Prueba a ver‹/›Nota:Si se establecen ambos valores de desplazamiento de sombra en 0, la sombra se colocará detrás del texto y puede producir un efecto borroso cuando se especifique el radio de desviación.
La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| Obligatorio -Debe especificar los siguientes valores para el atributo. | |
| h-shadow | Obligatorio. La posición horizontal de la sombra. Permite valores negativos. |
| v-shadow | Obligatorio. La posición vertical de la sombra. Permite valores negativos. |
| Opcional -Los siguientes valores son opcionales. | |
| blur | Especificar el tamaño borroso. |
| color | Especificar el color de la sombra. VerValores de color CSSpara obtener la lista posible de valores de color. |
| inherit | Si se especifica, el elemento asociado utiliza el valor text de su elemento padre-Valores del atributo shadow |
texto-La compatibilidad del navegador del atributo shadow, los números en la tabla a continuación representan la versión mínima del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Advertencia: Internet Explorer 7y las versiones anteriores no admiten la herencia de valores. IE8Soporta la herencia, pero se necesita<!DOCTYPE>.IE9Soporta la herencia.
Consulte los siguientes tutoriales:CSS Text.
Atributos relacionados con el texto:letter-spacing,texto-align,texto-decoration,texto-indent,texto-overflow,texto-transform,white-space,word-spacing.