In questo articolo vedremo come rendere un testo corsivo utilizzando i CSS. Per scrivere in corsivo il testo in qualsiasi pagina web, il CSS stile carattere la proprietà viene utilizzata. Abbiamo una varietà di opzioni per impostarlo sul testo in corsivo.
- normale: È lo stile di carattere normale. È uguale a 400, il valore numerico predefinito per il grassetto.
- grassetto : Esso è lo stile del carattere in grassetto. E' uguale a 700.
- corsivo: È il stile carattere corsivo.
Approccio: IL stile carattere La proprietà nei CSS ha tre valori che sono normale, corsivo, E grassetto. Il valore CSS corsivo viene utilizzato per rendere il testo in corsivo.
Sintassi:
font-style: italic;>
Esempio: In questo esempio, stiamo utilizzando l'approccio spiegato sopra.
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>testa> |
>
>
Nota: Quando utilizzerai un file CSS esterno, utilizza sempre un CSS predefinito per la tua pagina web, questo CSS predefinito è scritto nel selettore * { }. Ciò rimuoverà il CSS predefinito dalla tua pagina web.
Produzione: Ora, come puoi vedere nell'output, abbiamo creato un file corsivo testo nella nostra pagina web utilizzando CSS, che attirerà i lettori a leggere il contenuto della pagina web.
