CSS3 propriedade text-shadow
Exemplos
sombra de texto básico (text-shadow):
{
text-shadow: 2px 2px # ff0000;
}
tente »
Na parte inferior desta página para mais exemplos.
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
Atributo definições e instruções
propriedade text-shadow aplica sombra texto.
padrão: | nenhum |
---|---|
herança: | sim |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.textShadow = "2px 2px # ff0000" |
gramática
Nota: propriedade text-shadowé conectado a um ou mais do texto da sombra. Propriedade é sombra, designado a cada dois ou três valores de comprimento e um valores de cores opcionais separados por vírgulas. Passado um comprimento de 0.
valor | descrição |
---|---|
h-sombra | Necessário. Posição da sombra horizontal. Permitir negativo. |
v-sombra | Necessário. A posição vertical da sombra. Permitir negativo. |
borrão | Opcional. distância difusa. |
cor | Opcional. cor da sombra. Ver valores de cor CSS . |
mais exemplos
borrão da sombra de texto
Este exemplo demonstra um borrão sombra de texto.
O texto branco em uma sombra de texto
Este exemplo demonstra uma sombra de texto texto branco.
Neon sombra de texto brilho
Este exemplo demonstra o uso de luz de néon sombra de texto.
artigos relacionados
CSS3 tutorial: CSS3 os efeitos do texto