Sintassi

Significato dei valori principali:

• initial: Reimposta tutte le proprietà al loro valore iniziale definito dallo standard CSS.

• inherit: Tutte le proprietà applicabili vengono ereditate dal genitore.

• unset: Rimuove lo stile: eredita se la proprietà è ereditabile, altrimenti la reimposta al valore iniziale.

• revert: Riporta le proprietà al valore definito dal foglio di stile del browser o del CSS user-defined (utile per annullare stili custom).

Esempio proprietà: all

Codice Esempio: all

CODE: CSS

1. .reset-button {

2.   all: unset;

3.   background-color: #1d3557;

4.   color: white;

5.   padding: 10px 20px;

6.   border-radius: 5px;

7.   cursor: pointer;

8.   font-size: 16px;

9. }

11. .reset-button:hover {

12.   background-color: #457b9d;

13. }

Contenuto Esempio: all

  
  <style>
    .reset-button {
      all: unset;
      background-color: #1d3557;
      color: white;
      padding: 10px 20px;
      border-radius: 5px;
      cursor: pointer;
      font-size: 16px;
    }

    .reset-button:hover {
      background-color: #457b9d;
    }
  </style>

  <button class="reset-button">Pulsante Personalizzato</button>
  

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