Quando utilizziamo una variabile CSS per impostare il valore di una proprietà, potremmo usare una variabile che non è definita nel nostro file. Per evitare che la proprietà CSS rimanga senza valore, possiamo definire un valore di fallback.
.myclass { padding: var(--my-var, 10px); }
In questo esempio, se la variabie my-var non è definita, viene usato il valore 10px per impostare il padding.
Possiamo anche impostare il fallback a un'altra variabile CSS e utilizare più valori di fallback che vengono processati in sequenza.
.myclass { padding: var(--my-var-1, --my-var-2, 10px); }
In questo caso, usiamo la variabile my-var-1. Se la variable non esiste viene usata la variabile my-var-2 e nel caso nemmeno questa esista viene usato il valore 10px.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare una libreria CSS universale: Clip-path
Effettuare il refresh dei dati di una QuickGrid di Blazor
Scrivere selettori CSS più semplici ed efficienti con :is()
Utilizzare i variable font nel CSS
Fornire parametri ad un Web component HTML
Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione
Generare una User Delegation SAS in .NET per Azure Blob Storage
Managed deployment strategy in Azure DevOps
Rendere i propri workflow e le GitHub Action utilizzate più sicure
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
Gestione file Javascript in Blazor con .NET 9