Hvordan kursivere tekst i CSS?
I denne artikkelen vil vi se hvordan du lager en tekst kursiv ved hjelp av CSS. For å kursivere tekst på hvilken som helst nettside i CSS fontstil eiendom brukes. Vi har en rekke alternativer for å sette den til kursiv tekst.
- normal: Det er vanlig skriftstil. Det er det samme som 400, standard numerisk verdi for fethet.
- dristig : Den er den fete skriftstilen. Det er det samme som 700.
- kursiv: Det er den kursiv skriftstil.
Nærme seg: De fontstil eiendom i CSS har tre verdier som er normal, kursiv, og dristig. CSS-verdien kursiv brukes til å kursivere teksten.
Syntaks:
font-style: italic;
Eksempel: I dette eksemplet bruker vi den ovenfor forklarte tilnærmingen.
HTML
> <> html> lang> => 'en'> >> <> head> >> > <> meta> charset> => 'UTF-8'> />> > <> meta> http-equiv> => 'X-UA-Compatible'> > content> => 'IE=edge'> />> > <> meta> name> => 'viewport'> > content='> width> => device> -width,> > initial-scale> => 1> .0' />> > > > <> style> >> > .gfg {> > font-style: italic;> > font-size: 24px;> > margin: 10px;> > padding: 2px;> > color: black;> > }> > style>hodet> |
Merk: Når du skal bruke en ekstern CSS-fil, bruk alltid en standard CSS for nettsiden din, er denne standard CSS skrevet i * { }-velgeren. Dette vil fjerne standard CSS fra nettsiden din.
Produksjon: Nå, som du kan se i utgangen, har vi laget en kursivert tekst på nettsiden vår ved hjelp av CSS, som vil tiltrekke lesere til å lese innholdet på nettsiden.