Hvordan kursivere tekst i CSS?

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.