Sintassi

Significato dei valori principali:

• auto: valore predefinito. L'altezza si adatta automaticamente al contenuto.

• lunghezza (es. 200px): imposta un'altezza fissa.

• percentuale (es. 50%): l'altezza è calcolata in base al contenitore padre.

• max-content: l'altezza è determinata dalla dimensione massima del contenuto.

• min-content: l'altezza è determinata dalla dimensione minima del contenuto.

• fit-content: l'altezza si adatta al contenuto, ma rispettando vincoli di spazio disponibili.

Esempio proprietà: height

Codice Esempio: height

CODE: CSS

1. .height-example {

2.   width: 300px;

3.   height: 200px;

4.   background-color: #50a14f;

5.   color: white;

6.   text-align: center;

7.   line-height: 200px;

8.   font-size: 20px;

9.   border-radius: 8px;

10. }

Contenuto Esempio: height

  
  <style>
    .height-example {
      width: 300px;
      height: 200px;
      background-color: #50a14f;
      color: white;
      text-align: center;
      line-height: 200px;
      font-size: 20px;
      border-radius: 8px;
    }
  </style>

  <div class="height-example">
    Altezza fissa di 200px
  </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