CSS marker ιδιότητα

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

marker Η ιδιότητα αναφέρεται σε μια σημαία που θα ζωγραφιστεί σε όλες τις κορυφές της πορείας του στοιχείου (δηλαδή τις πρώτες, μεσαίες και τελευταίες κορυφές).

Η μορφή της σημαίας ορίζεται από το στοιχείο SVG <marker> και αναφέρεται μέσω της τιμής url().

CSS marker Η τιμή της ιδιότητας καλύπτει οποιαδήποτε τιμή της ιδιότητας marker στο SVG.

Παράδειγμα

Παράδειγμα 1

Αναφέρεται σε μια σημαία (κοντόσυρτο), η οποία θα ζωγραφιστεί στις πρώτες, μεσαίες και τελευταίες κορυφές της πορείας του στοιχείου:

#test {
  marker: url(#arrow);
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Αναφέρεται σε μια σημαία (κυκλικό), η οποία θα ζωγραφιστεί στις πρώτες, μεσαίες και τελευταίες κορυφές της πορείας του στοιχείου:

#test {
  marker: url(#circle);
}

Δοκιμάστε το προσωπικά

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

marker: none|url|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
none Προεπιλεγμένη τιμή. Καμία σημαία δεν θα γράφεται στην πορεία.
url URL αναφοράς για σημάδια που ορίζονται από το στοιχείο SVG <marker>.
initial Ανάθεση αυτής της ιδιότητας στη προεπιλεγμένη της τιμή. Δείτε initial.
inherit Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε inherit.

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

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

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

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

Εκμάθηση:SVG Σημείωση

Αναφορά:CSS marker-start ιδιότητα

Αναφορά:CSS marker-mid ιδιότητα

Αναφορά:CSS marker-end ιδιότητα