Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
CSS3 - tekst

CSS3 - text-shadow

Email Drukuj PDF

Tematy: hanging-punctuation | punctuation-trim | text-align-last | text-emphasis | text-justify | text-outline | text-overflow | text-shadow | text-wrap | word-break | word-wrap

Dane w pigułce
Zastosowanie Tworzy cieniowanie tekstu
Dziedziczenie tak
Wartości cień pionowy (wymagany), cień poziomy (wymagany), rozmycie (opcjonalny), kolor (opcjonalny)
Wartość domyślna brak
Przykład text-shadow: 2px 2px 3px gray
Składnia JavaScript object.style.textShadow="2px 2px 5px gray"

Aby zdefiniować cień tekstu, należy wpisać w definicji stylu text-shadow: cień pionowy, cień poziomy, rozmycie, kolor

Pierwsza wartość definiuje przesunięcie cienia w prawo, druga - przesunięcie w dół, trzecia - stopień rozmycia. Definicja koloru określa kolor cienia. Ujemne wartości przesunięcia powodują przesunięcie cienia odpowiednio w lewo i do góry.

<h1 style="text-shadow: 5px 5px 20px #182019;">To jest cieniowany tekst<h1>

To jest cieniowany tekst

<h1 style="text-shadow: -2px -2px 5px olive;">To jest cieniowany tekst<h1>

To jest cieniowany tekst


Interpretacja: Firefox, Opera, Chrome, Safari.

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V