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.
