En aquest article, veurem com fer que un text sigui cursiva mitjançant CSS. Per posar en cursiva el text de qualsevol pàgina web el CSS estil de lletra s'utilitza la propietat. Tenim diverses opcions per configurar-lo en cursiva.
- normal: És l'estil de lletra normal. És el mateix que 400, el valor numèric predeterminat per a l'audacia.
- agosarat : Això és l'estil de lletra en negreta. És el mateix que 700.
- cursiva: Això és el estil de lletra cursiva.
Enfocament: El estil de lletra propietat en CSS té tres valors que són normal, cursiva, i agosarat. El valor CSS cursiva s'utilitza per posar en cursiva el text.
Sintaxi:
font-style: italic;>
Exemple: En aquest exemple, estem utilitzant l'enfocament explicat anteriorment.
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>cap> |
>
>
Nota: Quan utilitzeu un fitxer CSS extern, feu servir sempre algun CSS predeterminat per a la vostra pàgina web, aquest CSS predeterminat s'escriu amb el selector * { }. Això eliminarà el CSS predeterminat de la vostra pàgina web.
Sortida: Ara, com podeu veure a la sortida, hem creat un en cursiva text a la nostra pàgina web mitjançant CSS, que atraurà els lectors a llegir el contingut de la pàgina web.
