Conceptele de variabile și funcții vin de la programare.
Dacă e prima dată când vezi acești termeni și nu știi bine ce înseamnă, îți recomand să urmărești cursul nostru de programare.
Capitolul 3: Introducere în CSSProprietăți personalizate (variabile)
O funcționalitate relativ nouă o reprezintă proprietățile personalizare ("Custom properties" în Engleză), cărora eu câteodată le spun „variabile”.
Acestea ne permit să definim propriile valori, pe care să le refolosim apoi.
În primul rând, trebuie să definim proprietatea:
«selector» {
--nume-ales-de-noi: «valoare»;
}
Putem folosi orice nume, atâta timp cât începe cu --, și conține doar litere, cifre, -, sau _
Valoarea va fi disponibilă în elementul pe care îl selectăm, dar și în toți descendenții. Pentru a o accesa, vom folosi funcția var():
.selector {
--nume-ales-de-noi: blue;
background-color:var(--nume-ales-de-noi);
box-shadow:0 0 1em var(--nume-ales-de-noi);
}