CSS3 własność text-shadow
Przykłady
Podstawowe Cień tekstu (text-shadow):
h1
{
text-shadow: 2px 2px # ff0000;
}
{
text-shadow: 2px 2px # ff0000;
}
Spróbuj »
Na dole strony znajduje się więcej przykładów.
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
Atrybut definicje i instrukcje
Właściwość text-shadow dotyczy tekstu cień.
Domyślnie: | żaden |
---|---|
Dziedziczenie: | tak |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.textShadow = "2px 2px # ff0000" |
gramatyka
text-shadow:h-shadow v-shadow blur color;
Uwaga: właściwość tekstu cieńjest podłączony do jednego albo więcej tekstu strefy. Nieruchomość jest cień, wyznaczony co dwa lub trzy wartości długości oraz opcjonalnie wartości kolorów oddzielając je przecinkami. Spędziliśmy długość 0.
wartość | opis |
---|---|
h-shadow | Wymagany. Stanowisko cienia poziomie. Pozwól negatywne. |
v-shadow | Wymagany. Pionowa pozycja cienia. Pozwól negatywne. |
plama | Opcjonalne. Fuzzy odległość. |
kolor | Opcjonalne. Kolor cieni. Zobacz wartości kolorów CSS . |
Więcej przykładów
Tekst cień rozmycie
Przykład ten pokazuje, rozmycie cień tekstu.
Biały tekst na cień tekstu
Przykład ten pokazuje, biały cień text.
Neon blask cień tekstu
Ten przykład pokazuje zastosowanie cienia tekstu neon.
Powiązane artykuły
Tutorial CSS3: CSS3 z efektów tekstowych