CSS - texto-sombra

Descrição

A propriedade text-shadow especifica uma ou mais sombras derivadas do texto de um elemento.

Valores possíveis

none - Nenhuma sombra deve ser associada ao elemento.
color- Qualquer valor de cor. Isso dá a cor da sombra.
length length length - As distâncias de deslocamento e raio de desfoque para a sombra, na ordem deslocamento x, deslocamento y e raio de desfoque.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.textShadow = "red";

Exemplo

A seguir está o exemplo que demonstra como definir a sombra em torno de um texto. Isso pode não ser compatível com todos os navegadores.

<html>
   <head>
   </head>

   <body>
      <p style = "text-shadow:4px 4px 8px blue;">
         If your browser supports the CSS text-shadow property, 
         this text will have a  blue shadow.
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page