logo

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>

GeeksForGeeks | En informatikkportal for nerder h2>

Denne plattformen er designet for hver geek som ønsker å utvide sin kunnskap, dele sin kunnskap og er klar til å ta drømmejobben sin. Vi har millioner av artikler, live så vel som nettkurs, tusenvis av opplæringsprogrammer og mye mer bare for nerden inni deg. p>

Takk for at du velger og støtter oss! p> body> html>>

>

>

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.