Cień tekstu CSS

Cień tekstu

text-shadow Atrybut dodaje cień do tekstu.

Najprostsze użycie to określenie poziomego cienia (2px) i pionowego cienia (2px):

Efekt cienia tekstu!

Przykład

h1 {
  text-shadow: 2px 2px;
}

Spróbuj sam

Następnie dodaj kolor do cienia (czerwony):

Efekt cienia tekstu!

Przykład

h1 {
  text-shadow: 2px 2px red;
}

Spróbuj sam

Następnie dodaj efekt rozmycia do cienia (5px):

Efekt cienia tekstu!

Przykład

h1 {
  text-shadow: 2px 2px 5px red;
}

Spróbuj sam

Wskazówka:Odwiedź Czcionki CSS Rozdział, w którym uczysz się, jak zmieniać czcionki, rozmiar tekstu i styl tekstu.

Wskazówka:Odwiedź Efekty tekstu CSS Rozdział, w którym uczysz się, jak osiągnąć różne efekty tekstowe.

Wszystkie atrybuty tekstowe CSS

Atrybut Opis
color Ustawia kolor tekstu.
direction Określa kierunek lub kierunek pisma tekstu.
letter-spacing Ustawia odstęp między znakami.
line-height Ustawia wysokość wiersza.
text-align Określa, jak wyrównać tekst w poziomie.
text-decoration Określa efekt dekoracji dodany do tekstu.
text-indent Określa wcięcie pierwszej linii bloku tekstu.
text-shadow Określa efekt cienia dodany do tekstu.
text-transform Kontroluje wielkość liter tekstu.
text-overflow Określa, jak wskazywać użytkownikowi zawartość, która nie jest wyświetlona.
unicode-bidi Razem z atrybutem direction, ustawia lub zwraca, czy tekst powinien być przekształcony, aby wspierać różne języki w jednym dokumencie.
vertical-align Określa, jak wyrównać tekst w pionie.
white-space Określa, jak przetwarzać białe znaki wewnątrz elementu.
word-spacing Set word spacing.