Exemplo
Adicionar sombra a um texto:
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px
10px 1px #0000ff";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades textShadow ou retorna um ou mais efeitos de sombra para um texto.
Suporte navegador
A propriedade textShadow é suportado em todos os principais navegadores.
Nota: A propriedade textShadow não é suportada no Internet Explorer 9 e versões anteriores.
Sintaxe
Devolver o imóvel textShadow:
object .style.textShadow
Defina a propriedade textShadow:
object .style.textShadow="none| Note: A propriedade textShadow atribui um ou mais sombras em texto. A propriedade é uma lista separada por vírgulas de sombras, cada especificado por 2 ou 3 valores de comprimento e uma cor opcional. comprimentos são omitidas 0. Valores de propriedade
Valor Descrição none Sem sombra é desenhado. Este é o padrão h-shadow Requeridos. A posição da sombra horizontal. Os valores negativos são permitidos v-shadow Requeridos. A posição da sombra vertical. Os valores negativos são permitidos blur Opcional. A distância borrão color Opcional. A cor da sombra. Olhe para valores de cor CSS para uma completa lista de possíveis valores de cor initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: Nenhum Valor de retorno: Uma corda, o que representa uma lista separada por vírgulas de efeitos de sombra aplicada ao texto do elemento CSS Versão CSS3
mais Exemplos
Exemplo
Voltar a sombra texto:
alert(document.getElementById("myP").style.textShadow); Tente você mesmo "
Páginas relacionadas
Tutorial CSS: Efeitos CSS3 texto
Referência CSS: text-shadow property
<Estilo de objeto