logo

Hvordan kursiveres tekst i CSS?

I denne artikel vil vi se, hvordan man laver en tekst kursiv ved hjælp af CSS. At kursivere tekst på en hvilken som helst webside CSS skrifttype ejendom er brugt. Vi har en række muligheder for at sætte den til kursiv tekst.

  • normal: Det er den normale skrifttype. Det er det samme som 400, den numeriske standardværdi for fed skrift.
  • fremhævet : Det er den fede skrifttype. Det er det samme som 700.
  • kursiv: Det er kursiv skrifttype.

Nærme sig: Det skrifttype ejendom i CSS har tre værdier, der er normal, kursiv, og fremhævet. CSS-værdien kursiv bruges til at kursivere teksten.



Syntaks:

font-style: italic;>

Eksempel: I dette eksempel bruger vi den ovenfor forklarede tilgang.

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

GeeksForGeeks | En datalogiportal for nørder h2>

Denne platform er designet til enhver nørd, der ønsker at udvide deres viden, dele deres viden og er klar til at få fat i deres drømmejob. Vi har millioner af artikler, live såvel som online kurser, tusindvis af tutorials og meget mere kun for nørden indeni dig. p>

Tak fordi du valgte og støtter os! p> body> html>>

>

>

Bemærk: Når du skal bruge en ekstern CSS-fil, skal du altid bruge en standard-CSS til din webside, denne standard-CSS skrives i * { }-vælgeren. Dette vil fjerne standard-CSS fra din webside.

Produktion: Nu, som du kan se i outputtet, har vi lavet en kursiveret tekst på vores webside ved hjælp af CSS, som vil tiltrække læsere til at læse indholdet på websiden.