Η συνάρτηση CSS var()

Δημιουργία και χρήση

Η CSS var() Η συνάρτηση χρησιμοποιείται για την εισαγωγή των τιμών των μεταβλητών CSS.

Παράδειγμα

Παράδειγμα 1

Πρώτα, δηλώστε μια καθολική μεταβλητή με το όνομα --main-bg-color και στη συνέχεια χρησιμοποιήστε τη στο στυλ. var() Η συνάρτηση εισάγει την τιμή της μεταβλητής:

:root {
  --main-bg-color: coral;
}
#div1 {
  background-color: var(--main-bg-color);
}
#div2 {
  background-color: var(--main-bg-color);
}

Δοκιμάστε το شخصικά

Παράδειγμα 2

Άλλο παράδειγμα χρήσης var() Παράδειγμα χρήσης πολλαπλών τιμών CSS μεταβλητών στη συνάρτηση:

:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
}
#div1 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}
#div2 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}

Δοκιμάστε το شخصικά

Γλωσσική δομή CSS

var(--name, value)

Τεχνικά λεπτομέρειες

Υποστήριξη προγράμματος περιήγησης

Τα αριθμήματα στη τάβλη αποδίδουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως τη συνάρτηση.

Σχετικές σελίδες

Εκμάθηση:CSS μεταβλητές