logo

Hur kursiveras text i CSS?

I den här artikeln kommer vi att se hur man gör en text kursiv med CSS. För att kursivera text på valfri webbsida CSS typsnitt egendom används. Vi har en mängd olika alternativ för att ställa in den till kursiv text.

  • vanligt: Det är den normala teckensnittsstilen. Det är samma som 400, det numeriska standardvärdet för fet stil.
  • djärv : Det är den djärva teckensnittsstilen. Det är samma som 700.
  • kursiv: Det är kursiv teckensnittsstil.

Närma sig: De typsnitt egendom i CSS har tre värden som är normal, kursiv, och djärv. CSS-värdet kursiv används för att kursivera texten.



Syntax:

font-style: italic;>

Exempel: I det här exemplet använder vi det ovan förklarade tillvägagångssättet.

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>huvud>

GeeksForGeeks | En datavetenskapsportal för nördar h2>

Denna plattform har designats för varje nörd som vill utöka sin kunskap, dela med sig av sin kunskap och är redo att ta sitt drömjobb. Vi har miljontals artiklar, livekurser såväl som onlinekurser, tusentals tutorials och mycket mer bara för nörden inom dig. p>

Tack för att du väljer och stöttar oss! p> body> html>>

>

>

Notera: När du kommer att använda en extern CSS-fil, använd alltid någon standard-CSS för din webbsida. Denna standard-CSS skrivs i * { }-väljaren. Detta tar bort standard-CSS från din webbsida.

Produktion: Nu, som du kan se i utgången, har vi skapat en kursiverad text på vår webbsida med hjälp av CSS, vilket kommer att locka läsare att läsa innehållet på webbsidan.