Proprietà in stile carattere CSS | Spiegato

In Fogli in stile a cascata (CSS), Ci sono vari aspetti coinvolti nello styling di un carattere, come l'impostazione di uno stile e delle dimensioni di un carattere. IL Proprietà in stile font Garantisce che il testo si distingua e arricchisce il foglio con una gerarchia visiva e possiede grande importanza.

Il CSS Proprietà in stile font è utilizzato per lo styling di caratteri Formati in corsivo, normali e obliquo. Usando la proprietà in stile carattere, possiamo anche personalizzare lo stile del testo e renderlo attraente.

In questo articolo, impareremo le proprietà in stile carattere CSS con l'aiuto di esempi adatti.

Valori delle proprietà in stile carattere CSS

In CSS, la proprietà in stile font comprende questi tre valori:

• Corsivo
• Obliquo
• Normale

Discuteremo brevemente di ciascuna delle proprietà specifiche in stile font CSS nelle prossime sezioni.

Come corsivo in un carattere in html

Nella tipografia, corsivo Il carattere viene utilizzato per scrivere testo in a corsivo stile carattere. La proprietà CSS Italic in stile carattere inclina l'elemento di testo da sinistra a destra. Questi tipi di elementi di solito assumono meno spazio orizzontale rispetto agli elementi non ricchi di.

Puoi anche impostare il "Corsivo audace" Font Style contemporaneamente usando la seguente sintassi.

Esempio: proprietà in stile carattere CSS in corsivo

Nell'esempio seguente, abbiamo definito due stili di carattere per gli elementi dei paragrafi: "P.X "e" P.y ". IL "P.X" lo stile del carattere in corsiterà il testo specifico del paragrafo, mentre il "P.y " Lo stile del carattere applica sia il Valori di proprietà "corsivo" e "grassetto" All'elemento di testo:

Questo è un paragrafo, normale.

Questo è un paragrafo, corsivo e audace.

Come puoi vedere dall'output, la proprietà in stile font del testo del primo paragrafo è impostata solo su corsivo, mentre il testo del secondo paragrafo è audace e in corsivo:

Come obliquo un carattere in html

La proprietà CSS Oblique Font in stile viene utilizzata per scrivere testo corsivo; Tuttavia, differisce dallo stile del carattere corsivo in modo da utilizzare gradi per inclinarsi il testo. Inoltre, il testo è leggermente inclinato da sinistra a destra in stile di carattere obliquo.

Tutti i browser non supportano lo stile del carattere obliquo, ma se si desidera usarlo, lo stimola artificialmente nel normale stile del carattere.

Sintassi di proprietà CSS Oblique Font in stile

Qui, "angolo"Imposta l'angolo del testo inclinabile e questa funzione distingue obliqua dalla proprietà in stile font corsivo.

Nota: CSS Obliquo La proprietà in stile font utilizza un file Angolo di 14 gradi Per impostazione predefinita, e i suoi valori di grado validi si trovano tra -90 gradi a 90 gradi.

Esempio: proprietà in stile carattere CSS in corsivo

Nel seguente esempio, imposteremo l'angolo di "obliquo"Proprietà in stile carattere come"10DEG":

Stile di carattere obliquo.

Stile carattere obliquo con laurea.

Salva il codice aggiunto e apri il file HTML nel browser. In tal modo, vedrai che lo stile di carattere obliquo viene applicato al testo di paragrafo a Angolo di 10 gradi:

Come normalizzare un carattere in HTML

Lo stile del carattere predefinito è impostato come "normale"In CSS. Ora, potresti chiederti perché utilizziamo la normale proprietà in stile carattere se è già impostata come valore predefinito in stile carattere?

IL normale La proprietà in stile carattere CSS viene utilizzata per normalizzare il carattere al suo stato originale se modificato usando i valori corsivi o obliquari.

Dai un'occhiata al seguente esempio per comprendere il concetto dichiarato.

Esempio: proprietà CSS Normale in stile carattere

Nell'esempio seguente, il carattere è prima in corsivo usando la proprietà in stile font:

Stile carattere in corsivo.

Ora, per ripristinare il carattere alla normalità, verrà utilizzato il valore normale della proprietà in stile carattere:

Stile carattere normale.

L'output significa che abbiamo impostato correttamente lo stile del carattere su normale:

Queste erano tutte informazioni essenziali relative alla proprietà in stile carattere CSS. Puoi esplorarlo ulteriormente da solo.

Conclusione

CSS Font in stile La proprietà specifica lo stile del carattere degli elementi di testo. È usato per modellare il testo in Formato normale, corsivo, audace e obliquoS. Utilizzando diverse proprietà in stile carattere CSS, possiamo personalizzare lo stile di un testo e renderlo visivamente attraente. Questo articolo ha discusso della proprietà in stile font CSS con l'aiuto di esempi adatti.