Najnowsze tutoriale tworzenie stron internetowych
 

Style textShadow Property

<Style obiektu

Przykład

Dodać cień do tekstu:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy własności textShadow lub zwraca jeden lub więcej efektów shadow tekstu.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość textShadow jest dostępna we wszystkich głównych przeglądarkach.

Uwaga: Właściwość textShadow nie jest obsługiwana w programie Internet Explorer 9 i wcześniejszych wersjach.


Składnia

Zwraca właściwość textShadow:

object .style.textShadow

Ustaw właściwość textShadow:

object .style.textShadow="none| Note: Właściwość textShadow przywiązuje jeden lub więcej cieni do tekstu. Obiekt jest listą oddzielonych cieni, każdy określony przez 2 lub 3 wartości długości oraz opcjonalnie koloru. Pominięte odcinki są 0.

wartości nieruchomości

Wartość Opis
none Nie ma cienia jest zasysane. Jest to domyślny
h-shadow Wymagany. Stanowisko cienia poziomej. Wartości ujemne są dozwolone
v-shadow Wymagany. Stanowisko cienia pionowej. Wartości ujemne są dozwolone
blur Opcjonalny. Odległość rozmycie
color Opcjonalny. Kolor cieni. Spójrz na CSS wartości kolorów dla pełnej listy możliwych wartości kolorów
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: Żaden
Zwracana wartość: Ciąg, co stanowi listę oddzielonych efektów cienia stosowane w tekście elementu
Wersja CSS CSS3

Więcej przykładów

Przykład

Powrót cień tekstu:

alert(document.getElementById("myP").style.textShadow);
Spróbuj sam "

Podobne strony

Kurs CSS: Efekty tekstowe CSS3

Odniesienie CSS: text-shadow property


<Style obiektu