Propriedade de sombra de texto de estilo
Exemplo
Adicionar sombra a um texto:
document.getElementById("demo").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
Definição e uso
A propriedade textShadow define ou retorna um ou mais efeitos de sombra para um texto.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
textShadow | Yes | 10.0 | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade textShadow:
object.style.textShadow
Defina a propriedade textShadow:
object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
Nota: A propriedade textShadow anexa uma ou mais sombras ao texto. A propriedade é uma lista de sombras separadas por vírgulas, cada uma especificada por 2 ou 3 valores de comprimento e uma cor opcional. Os comprimentos omitidos são 0.
Valores de propriedade
Value | Description |
---|---|
none | No shadow is drawn. This is default |
h-shadow | Required. The position of the horizontal shadow. Negative values are allowed |
v-shadow | Required. The position of the vertical shadow. Negative values are allowed |
blur | Optional. The blur distance |
color | Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | Nenhum |
---|---|
Valor de retorno: | Uma String, representando uma lista separada por vírgulas de efeitos de sombra aplicados ao texto do elemento |
Versão CSS | CSS3 |
Mais exemplos
Exemplo
Retorne a sombra do texto:
alert(document.getElementById("myP").style.textShadow);
Páginas relacionadas
Tutorial CSS: Efeitos de texto CSS3
Referência CSS: propriedade text-shadow
❮ Objeto de estilo