CSS Font Style Property | Forklart

I Cascading Style Sheets (CSS), Det er forskjellige aspekter involvert i styling en skrift, for eksempel å sette en skriftstil og størrelse. De Font-stil eiendom Sikrer at teksten skiller seg ut og beriker arket med et visuelt hierarki og har stor betydning.

CSS Font-stil eiendom brukes til stylingfonter i kursiv, normale og skrå formater. Ved hjelp av egenskapen Font-stil kan vi også tilpasse stilen på teksten og gjøre den attraktiv.

I denne artikkelen vil vi lære om CSS Font-stilegenskaper ved hjelp av passende eksempler.

CSS Font-stil eiendomsverdier

I CSS omfatter den font-stilegenskapen disse tre verdiene:

• Kursiv
• Skrå
• Normal

Vi vil kort diskutere hver av de spesifiserte CSS Font-stilegenskapene i de neste seksjonene.

Hvordan kursiv en font i HTML

I typografi, kursiv Font brukes til å skrive tekst i en kursiv fontstil. CSS-kursivet for font-stil skråser tekstelementet fra venstre til høyre. Disse typer elementer tar vanligvis mindre horisontalt rom enn ustylte elementer.

Du kan også angi “Kursiv fet” Fontstil på en gang ved å bruke følgende syntaks.

Eksempel: CSS kursiv eiendom

I det følgende eksempel har vi definert to skriftstiler for avsnittselementene: “S.X ”og“ P.y ”. De “S.x ” Fontstil vil kursere den spesifikke avsnittteksten, mens “S.y ” Fontstil bruker begge "Kursiv" og "fet" eiendomsverdier til tekstelementet:

Dette er et avsnitt, normalt.

Dette er et avsnitt, kursiv og dristig.

Som du ser fra utdataene, er den første avsnittets tekster bare satt til Font-stil kursiv, Mens teksten til andre avsnitt er Fet og kursiv:

Hvordan skrå en font i HTML

CSS Oblique Font-stil eiendom brukes til å skrive kursiv tekst; Imidlertid skiller den seg fra kursiv fontstil på en måte som den bruker grader for å skrå teksten. Teksten er også Litt skrå fra venstre mot høyre i skrå skriftstil.

Alle nettlesere støtter ikke skrå skriftstil, men hvis du vil bruke den, stimulerer den kunstig i den normale skriftstilen.

Syntaks av CSS Oblique Font-stil eiendom

Her, “vinkel”Angir vinkelen på skrå tekst, og denne funksjonen skiller skrå fra den kursiverte eiendommen.

Merk: CSS Skrå Font-stil eiendom bruker en 14-graders vinkel som standard, og dens gyldige gradverdier ligger mellom -90 grader til 90 grader.

Eksempel: CSS kursiv eiendom

I det følgende eksemplet vil vi sette vinkelen til “skrå”Font-stil eiendom som”10deg”:

Skrå fontstil.

Skrå fontstil med grad.

Lagre den la til koden og åpne HTML -filen i nettleseren. Når du gjør det, vil du se at skrå skriftstil blir brukt på avsnittsteksten på 10 graders vinkel:

Hvordan normalisere en skrift i HTML

Standard fontstil er satt som “normal”I CSS. Nå kan du stille spørsmål ved hvorfor vi bruker den normale eiendommen?

De normal CSS Font-stilegenskap brukes til å normalisere skrifttypen tilbake til sin opprinnelige tilstand hvis den endres ved hjelp av kursiv eller skrå verdier.

Sjekk ut følgende eksempel for å forstå det uttalte konseptet.

Eksempel: CSS Normal Font-stil eiendom

I det undergitte eksemplet blir skrifttypen først kursivert ved bruk av Font-stilegenskaper:

Kursiv fontstil.

For å gå tilbake til skrifttypen tilbake til normal, vil normalverdien av eiendommer i skriftstil bli brukt:

Normal fontstil.

Utgangen betyr at vi har satt fontstilen til normal:

Det var all viktig informasjon relatert til CSS Font-stil eiendom. Du kan utforske det videre på egen hånd.

Konklusjon

CSS Font-stil Eiendom spesifiserer skriftstilen til tekstelementene. Det brukes til å style tekst i Normalt, kursiv, dristig og skrå formats. Ved å bruke forskjellige CSS-font-stilegenskaper, kan vi tilpasse stilen til en tekst og kan gjøre den visuelt tiltalende. Denne oppskrivningen diskuterte CSS Font-stil eiendom ved hjelp av passende eksempler.