CSS marker-start 属性

  • Προηγούμενη σελίδα marker-mid
  • Επόμενη σελίδα mask

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

marker-start Η ιδιότητα δείχνει σε ένα σήμα που θα σχεδιαστεί στον πρώτο κορυφαίο της διαδρομής του στοιχείου.

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

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

Παράδειγμα

Παράδειγμα 1

Αναφέρεται σε ένα σήμα (βέλη), το οποίο θα σχεδιαστεί στον πρώτο κορυφαίο της διαδρομής του στοιχείου:

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

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

Παράδειγμα 2

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

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

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

Γλώσσα CSS

marker-start: none;url|initial|inherit;

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

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

Υποστήριξη περιηγητή

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

Χρώμη Εντζ Φάιρεξ Σαφάρι Όπερα
80 80 72 13.1 67

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

Εκμάθηση:Σημάδια SVG

Αναφορά:CSS marker 属性

Αναφορά:CSS marker-mid 属性

Αναφορά:CSS marker-end 属性

  • Προηγούμενη σελίδα marker-mid
  • Επόμενη σελίδα mask