Stylizacja tekstu jest ważnym czynnikiem wykorzystywanym do wzmocnienia elementów strony internetowej. Zawiera różne elementy HTML, takie jak linki, obrazy i przyciski, które muszą być zsynchronizowane i spójne. Również, CSS może zapewnić, że dodany tekst na stronie internetowej jest ładnie zsynchronizowany. W tym celu można użyć kilku funkcji tekstowych, w tym rozmiar tekstu, kolor czcionki, orientacja tekstu i kolor czcionki. "cień tekstu”Jest również zawarty na liście tych fantastycznych nieruchomości.

W tym artykule omówi właściwość tekstu tekstowego i powiązane opcje z pomocą odpowiednich przykładów.

Własność tekstu w CSS

W CSS możesz użyć „cień tekstu„Własność dla Dodawanie cieni do Html tekst elementy. Zawiera różne typy cieni, które można zastosować za pomocą CSS wewnętrznego, zewnętrznego lub wbudowanego.

Składnia właściwości tekstowej w CSS podano poniżej.

Składnia

Tekst-Shadow: H-Shadow V-Shadow Blur-Radius Kolor | Brak | Początkowy |
dziedziczyć;

Atrybuty wartości tekstowej są opisane poniżej.

Wymagane wartości
H-shadow: Ta wartość służy do określenia poziomej pozycji tekstu tekstowego. Wartości ujemne można użyć do przeniesienia cienia na lewą stronę.

V-shadow: Ta wartość jest wymagana do ustawienia pozycji pionowej cienia. V-shadow akceptuje również wartości ujemne jako przesunięte-y.

Wszystkie wymienione powyżej wartości zostaną wykorzystane w poniższym przykładzie.

Przykład
W poniższym przykładzie ustaliliśmy „1px" Jak "H-shadow" I "3px" Jak "Y-Shadow”Wartości. Ponadto „kolor”-shadow jest określany jako „czerwony”:

Efekt tekstu tekstowego!

Wyjście

Wartości opcjonalne

Blur-Radius: Jest wykorzystywany do zamazania shadow tekstu, a jego domyślna wartość wynosi 0.

nic: Pokazuje, że do tekstu nie dodaje się żadnego efektu cienia.

kolor: Ta opcja jest wykorzystywana do określenia koloru tekstu tekstowego.

wstępny: Ta opcja jest wykorzystywana do określenia domyślnej wartości właściwości tekstu tekstowego.

dziedziczyć: Możesz odziedziczyć tę właściwość po jej macierzystym elemencie HTML.

Teraz spójrzmy na niektóre przykłady związane z dostarczonymi wartościami tekstu tekstu.

Przykład: dodanie koloru do tekstu tekstowego

Efekt koloru tekstu tekstowego

Wykonanie wyżej podanego kodu doda efekt koloru „pomarańczowego” do dodanego tekstu tekstowego:

Poniższy przykład pokazuje efekt rozmycia na właściwości tekstu tekstu.

Przykład: Dodanie efektu rozmycia do tekstu tekstowego

Efekt rozmycia Tekst-Shadow!

Wyjście

Właściwość tekstu tekstu akceptuje również listę cieni oddzielonych przecinkami. Poniższy przykład pokazuje procedurę wykonania określonej operacji.

Przykład

Tekst-shadow z wielokrotnym blaskiem tekstowym.

Wyjście

Dostarliśmy najważniejsze informacje związane z wykorzystaniem "cień tekstu" Własność w CSS.

Wniosek

W CSS, właściwość tekstu tekstowego jest wykorzystywany do dodawania cieni do elementów tekstowych HTML. Służy przede wszystkim do dodawania kolorów do tekstu, zatarcia cienia i ustawienia pozycji poziomej i pionowej. W tym artykule zawiera dokładny przewodnik na temat procedury używania poziomych i pionowych wymiarów tekstu tekstowego, rozmycie tekstu tekstowego, a na koniec używa kolorów z właściwością tekstu tekstowego CSS.