CSS - tekst-cień

Opis

Właściwość text-shadow określa jeden lub więcej cieni, które pochodzą z tekstu elementu.

Możliwa wartość

  • none - Z elementem nie powinny być skojarzone żadne cienie.

  • color- Dowolna wartość koloru. Daje to kolor cienia.

  • length length length - Odległości przesunięcia i promień rozmycia cienia, w kolejności przesunięcie x, przesunięcie y i promień rozmycia.

Dotyczy

Wszystkie elementy HTML.

Składnia DOM

object.style.textShadow = "red";

Przykład

Poniżej znajduje się przykład, który pokazuje, jak ustawić cień wokół tekstu. To może nie być obsługiwane przez wszystkie przeglądarki.

<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>

To da następujący wynik -


Language