tutoriais mais recente desenvolvimento web
 

Style textShadow Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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