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