Atrybut text-shadow CSS
- Poprzednia strona text-overflow
- Następna strona text-transform
Definicja i użycie
Atrybut text-shadow ustawia cień na tekście.
Zobacz również:
Kurs CSS3:Efekty tekstowe CSS3
Podręcznik HTML DOM:Atrybut textShadow
Przykład
Podstawowy efekt cienia tekstu:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
Więcej przykładów znajduje się na dole strony.
Gramatyka CSS
text-shadow: h-shadow v-shadow blur color;
Komentarz:Atrybut text-shadow dodaje jeden lub więcej cieni do tekstu. Atrybut ten jest listą cieni rozdzielonych przecinkami, każda z nich ma dwa lub trzy wartości długości i opcjonalną wartość koloru. Pominięta wartość to 0.
Wartość atrybutu
| Wartość | Opis | Test |
|---|---|---|
| h-shadow | Wymagane. Południowa pozycja cienia. Dopuszczalne ujemne wartości. | Test |
| v-shadow | Wymagane. Północna pozycja cienia. Dopuszczalne ujemne wartości. | Test |
| blur | Opcjonalnie. Odległość rozmycia. | Test |
| color | Opcjonalnie. Kolor cienia. Zobacz Wartości kolorów CSS. | Test |
Szczegóły techniczne
| Domyślna wartość: | brak |
|---|---|
| Inheritance: | tak |
| Wersja: | CSS3 |
| Gramatyka JavaScript: | object.style.textShadow="2px 2px #ff0000" |
Więcej przykładów
- Tekst z rozmytym cieniem
- Ten przykład pokazuje tekst z rozmytym cieniem.
- Cień na białym tekście
- Ten przykład pokazuje tekst z cieniem na białym tekście.
- Tekst z efektami neonowymi
- Ten przykład pokazuje tekst z efektami neonowymi.
Obsługa przeglądarek
Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- Poprzednia strona text-overflow
- Następna strona text-transform
