Come mettere in corsivo il testo nei CSS?
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.