Συνάρτηση attr
Η συνάρτηση attr επιτρέπει την απόκτηση στο
CSS της τιμής ενός χαρακτηριστικού HTML ετικέτας.
Σύνταξη
επιλογέας {
ιδιότητα: attr(όνομα, τύπος, τιμή);
}
Παράμετροι
| Παράμετρος | Περιγραφή |
|---|---|
| όνομα | Το όνομα του χαρακτηριστικού του στοιχείου που μεταδίδεται στο CSS. |
| τύπος |
Ο τύπος τιμής της ιδιότητας CSS. Επιτρέπονται οι ακόλουθες λέξεις-κλειδιά:
string (συμβολοσειρές), color (χρώμα), url (διεύθυνση ιστού), integer (ακέραιος αριθμός),
number (πραγματικός αριθμός), angle (γωνία), time (χρόνος), deg (βαθμός),
καθώς και μονάδες CSS όπως em, px κ.λπ.
|
| τιμή | Η τιμή που θα χρησιμοποιηθεί στην περίπτωση που το χαρακτηριστικό απουσιάζει ή το πρόγραμμα πλοήγησης δεν μπορεί να το λάβει. |
Παράδειγμα
Ας εμφανίσουμε την τιμή του χαρακτηριστικού href
μιας σύνδεσης σε παρενθέσεις, μετά το κείμενό της:
<a href="http://google.com">σύνδεσμος</a>
a::after {
content: ' (' attr(href) ')';
}
:
