Właściwość CSS Font Style | Wyjaśnione

W Kaskadowe prześcieradła (CSS), Istnieją różne aspekty związane z stylizacją czcionki, takie jak ustawienie stylu i rozmiaru czcionki. Nieruchomość w stylu czcionki Zapewnia, że ​​tekst wyróżnia się i wzbogaca arkusz o wizualną hierarchię i ma ogromną wagę.

CSS Nieruchomość w stylu czcionki jest wykorzystywany do stylizacji czcionek w formaty kursywowe, normalne i ukośne. Korzystając z właściwości w stylu czcionki, możemy również dostosować styl tekstu i uczynić ją atrakcyjną.

W tym artykule dowiemy się o właściwościach czcionek CSS za pomocą odpowiednich przykładów.

Wartości właściwości w stylu czcionki CSS

W CSS właściwość w stylu czcionki obejmuje te trzy wartości:

• italski
• Skośny
• Normalna

W następnych sekcjach krótko omówimy każdą z określonych właściwości w stylu czcionki CSS.

Jak kursywa czcionka w HTML

W typografii, italski Czcionka służy do pisania tekstu w kursywny styl czcionki. Prosta czcionka CSS w stylu czcionki wchyla element tekstowy od lewej do prawej. Tego rodzaju elementy zwykle zajmują mniejszą przestrzeń poziomą niż elementy niestabilne.

Możesz także ustawić „Kursywa” Styl czcionki jednocześnie za pomocą następującej składni.

Przykład: właściwość czcionki czcionki CSS

W poniższym przykładzie zdefiniowaliśmy dwa style czcionek dla elementów akapitów: "P.X ”i„ P.y ”. "P.X" Styl czcionki będzie kursywa konkretny tekst akapitowy, podczas gdy "P.y ” Styl czcionki stosuje zarówno „Kursywa” i „Bold” Wartości nieruchomości w stylu czcionek do elementu tekstowego:

To jest akapit, normalny.

To jest akapit, kursyw.

Jak widać z wyjścia, właściwość w stylu czcionki tekstu pierwszego akapitu jest ustawiona wykursywiać, podczas gdy tekst drugiego akapitu jest BOLD i kursywa:

Jak ukośne czcionkę w HTML

CSS Osobowa właściwość w stylu czcionki służy do pisania tekstu kursywnego; Jednak różni się od stylu czcionki kursywnej w sposób, w jaki wykorzystuje stopnie, aby pochylić tekst. Ponadto tekst jest lekko pochylony od lewej do prawej w stylu czcionki ukośnej.

Wszystkie przeglądarki nie obsługują ukośnego stylu czcionki, ale jeśli chcesz go użyć, sztucznie stymuluj go w normalnym stylu czcionki.

Składnia właściwości CSS ukośna czcionka

Tutaj, "kąt”Ustawia kąt skośnego tekstu, a ta funkcja odróżnia ukośne od właściwości kursywnej w stylu czcionki.

Notatka: CSS Skośny nieruchomość w stylu czcionki używa 14-stopniowy kąt domyślnie, a jego prawidłowe wartości stopniowe leżą między -90 stopni do 90 stopni.

Przykład: właściwość czcionki czcionki CSS

W poniższym przykładzie ustawimy kąt „skośny„Własność w stylu czcionki jako„10 stopni”:

Ukośny styl czcionki.

Ukośny styl czcionki z stopniem.

Zapisz dodany kod i otwórz plik HTML w przeglądarce. Po tym przekonasz się, że ukośny styl czcionki jest stosowany do tekstu akapitu o 10 stopni kąt:

Jak normalizować czcionkę w HTML

Domyślny styl czcionki jest ustawiony jako „normalna„W CSS. Teraz możesz zapytać, dlaczego używamy normalnej właściwości w stylu czcionki, jeśli jest ona już ustawiona jako domyślna wartość w stylu czcionki?

normalna Właściwość w stylu czcionki CSS jest wykorzystywana do normalizacji czcionki z powrotem do jej pierwotnego stanu, jeśli zmieni się przy użyciu wartości kursywnych lub ukośnych.

Sprawdź poniższy przykład, aby zrozumieć określoną koncepcję.

Przykład: CSS Normalna właściwość w stylu czcionki

W poniższym przykładzie czcionka jest najpierw kursywa za pomocą właściwości w stylu czcionki:

Kursywa czcionka.

Teraz, aby powrócić czcionkę z powrotem do normy, zostanie użyta wartość normalna właściwości w stylu czcionki:

Normalny styl czcionki.

Wyjście oznacza, że ​​pomyślnie ustawiliśmy styl czcionki na normalne:

To były wszystkie istotne informacje związane z własnością CSS w stylu czcionki. Możesz dalej to odkryć samodzielnie.

Wniosek

Styl czcionki CSS właściwość określa styl czcionki elementów tekstowych. Służy do stylizowania tekstu w normalny, kursywny, odważny i ukośny formatS. Korzystając z różnych właściwości czcionek CSS, możemy dostosować styl tekstu i uczynić go atrakcyjnym wizualnie. W tym spisie omówiono nieruchomość w stylu czcionki CSS za pomocą odpowiednich przykładów.