CSS è un linguaggio di stile che consiste in molte caratteristiche distintive. Una di queste caratteristiche è che consente ai suoi utenti di dichiarare proprietà personalizzate che vengono anche definite variabili CSS. Queste variabili sono costituite da nomi e valori specifici e una volta dichiarate possono essere utilizzate ovunque nel file. Per utilizzare queste variabili CSS fornisce una funzione con la funzione Name Var () di cui discuteremo in dettaglio in questo articolo. Questo post include i seguenti argomenti.
1. funzione var ()
2. Vantaggi della funzione var ()
La funzione var () in CSS
Ai fini di includere una proprietà personalizzata o una variabile CSS che può essere utilizzata altrove nel foglio di stile, viene utilizzata la funzione var ().
Sintassi
var () = var (--property name, valore della proprietà)
Parametri spiegati
nome della proprietà: Specifica il nome della proprietà personalizzata. È un parametro richiesto.
Costo dell'immobile: Specifica il valore della proprietà personalizzata. È un parametro opzionale.
Punti da ricordare!
1. Le regole CSS definiscono che le variabili CSS hanno un ambito locale o globale. Una variabile globale può essere utilizzata ovunque nell'intero documento; Nel frattempo, una variabile locale può essere recuperata solo dal selettore in cui è definita.
2. Ai fini della creazione di una variabile globale utilizzando la funzione var (), deve essere dichiarata nel selettore root
3. Nel frattempo, una variabile locale può essere creata all'interno di qualsiasi selettore.
Esempio 1
Supponiamo di voler utilizzare la funzione var () dichiarando variabili globali.
Html
Questo è un paragrafo.
Nel frammento di codice sopra, abbiamo semplicemente creato un contenitore di div e nidificato a
div Colore: var (-blu); Background-color: var (-bianco); imbottitura: 15px;
P Background-color: var (-bianco); Colore: var (-blu); Bordo: 3px Solid var (-Brown); imbottitura: 40px;
Nel codice sopra, abbiamo definito alcune variabili globali nel: root selector ciascuna corrispondente a un colore specifico. Quindi stiamo usando quelle variabili globali nell'intero documento ove richiesto usando la funzione var (). Il vantaggio di fare queste variabili globali e quindi di usarle nella funzione var () è che in questo caso particolare non è necessario definire i colori degli elementi più e più volte, invece di utilizzare la funzione var ().
Produzione
La funzione var () funziona correttamente.
Esempio 2
Comprendiamo ulteriormente la funzione var () con un altro esempio.
