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