Η συνάρτηση attr() της CSS

Ορισμός και χρήση

Η CSS func() Η συνάρτηση επιστρέφει τη τιμή της ιδιότητας του επιλεγμένου στοιχείου.

Παράδειγμα

Το παρακάτω παράδειγμα εισάγει τη τιμή της ιδιότητας href μετά από κάθε στοιχείο <a> και την περιβάλλει με παρενθέσεις:

a:after {
  content: " (" attr(href) ")";
}

Προσπαθήστε να το δοκιμάσετε προσωπικά

Γραμματική του CSS

attr(attribute-name type fallback)
Τιμή Περιγραφή
attribute-name Απαιτείται. Το όνομα της ιδιότητας του στοιχείου HTML.
type

Επιλογή. Ο τύπος ή η μονάδα της τιμής της ιδιότητας. Μπορεί να είναι ένα από τα εξής:

  • 字符串
  • χρώμα
  • url
  • ακέραιος
  • αριθμός
  • μήκος
  • γωνία
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt ή pc
  • deg, grad, rad
  • χρόνος
  • s, ms
  • Hz, kHz
  • %
  • frequentία
fallback Επιλογή. Αντικαταστάτης τιμή αν η ιδιότητα λείπει ή περιέχει μη έγκυρη τιμή.

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

Έκδοση: CSS2

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

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

Κρόμεω Εντέντε Φαξφρέξ Σαφάρι Οπερα
func()
2 8 1 3.1 9
type Τιμή
Μη υποστηριζόμενο Μη υποστηριζόμενο Μη υποστηριζόμενο Μη υποστηριζόμενο Μη υποστηριζόμενο
fallback Τιμή
Μη υποστηριζόμενο Μη υποστηριζόμενο 119 Μη υποστηριζόμενο Μη υποστηριζόμενο