Sintassi

Significato dei valori principali:

• normal: valore predefinito. Il testo è visualizzato normalmente, senza inclinazione.

• italic: il testo viene mostrato in corsivo, se il font include una variante in corsivo.

• oblique: il testo è inclinato artificialmente (simile al corsivo), usato quando italic non è disponibile.

• oblique <angolo>: il testo è inclinato artificialmente di un angolo specificato (es. font-style: oblique 30deg;). Può essere usato quando italic non è disponibile o per un controllo più preciso dell'inclinazione. Il supporto dipende dal browser.

Esempio proprietà: font-style

Codice Esempio: font-style

CODE: CSS

1. .style-normal {

2.   font-style: normal;

3.   font-size: 22px;

4. }

6. .style-italic {

7.   font-style: italic;

8.   font-size: 22px;

9. }

11. .style-oblique {

12.   font-style: oblique;

13.   font-size: 22px;

14. }

Contenuto Esempio: font-style

  
  <style>
    .style-normal {
      font-style: normal;
      font-size: 22px;
    }

    .style-italic {
      font-style: italic;
      font-size: 22px;
    }

    .style-oblique {
      font-style: oblique;
      font-size: 22px;
    }
	
    .style-oblique-deg {
      font-style: oblique -15deg;
      font-size: 22px;
    }
  </style>

  <div class="style-normal">Testo con font-style: normal</div>
  <div class="style-italic">Testo con font-style: italic</div>
  <div class="style-oblique">Testo con font-style: oblique</div>
  <div class="style-oblique-deg">Testo con font-style: oblique -15deg</div>
  

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser