CSS3 propiedad text-shadow
Ejemplos
sombra texto básico (texto-sombra):
{
text-shadow: 2px 2px # ff0000;
}
Trate »
En la parte inferior de esta página para más ejemplos.
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
Definiciones de atributos e instrucciones
propiedad text-shadow aplica sombra de texto.
Por defecto: | ninguno |
---|---|
herencia: | sí |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.textShadow = "2px 2px # FF0000" |
gramática
Nota: la propiedad text-shadowestá conectado a uno o más de la sombra de texto. La propiedad es sombra, designado cada dos o tres valores de longitud y unos valores de color opcional separadas por comas. Pasamos una longitud de 0.
valor | descripción |
---|---|
h-sombra | Requerido. Posición de la sombra horizontal. Permitir negativo. |
v-sombra | Requerido. La posición vertical de la sombra. Permitir negativo. |
mancha | Opcional. distancia difusa. |
color | Opcional. color de la sombra. Ver valores de color CSS . |
más ejemplos
Texto desenfoque de la sombra
Este ejemplo demuestra una falta de definición de sombra de texto.
Texto blanco en una sombra de texto
Este ejemplo demuestra una sombra de texto texto blanco.
Neón texto resplandor sombra
Este ejemplo demuestra el uso de la sombra de texto luz de neón.
Artículos relacionados
CSS3 tutorial: CSS3 los efectos de texto