CSS offset-distance ιδιότητα

Καθορισμός και χρήση

offset-distance Η ιδιότητα χρησιμοποιείται για να καθορίσει την απόσταση από το στοιχείο offset-path Η απόσταση μεταξύ των σημείων εκκίνησης του διαδρόμου που καθορίζονται από την ιδιότητα.

Παράδειγμα

Το στοιχείο <img> τοποθετείται στον ορισμένο του διάδρομο, στην θέση 33% από την αρχή του διαδρόμου.

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-distance: 33%;
}

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

Γλώσσα γραφής CSS

offset-distance: auto|μήκος|initial|inherit;

Τιμή χαρακτηριστικού

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

Χρησιμοποιήστε σταθερή μονάδα (π.χ. px, pt, cm κ.λπ.) για να καθορίσετε τη απόσταση από το σημείο εκκίνησης του στοιχείου.

Δεν επιτρέπεται η αρνητική τιμή. Εξετάστε:Μονάδες CSS.
% Καθορίστε το ποσοστό απόσταση από το μήκος του διαδρόμου.
initial Θέστε το χαρακτηριστικό αυτής της ιδιότητας στη προεπιλεγμένη τιμή του. Δείτε initial.
inherit Επιδέχεται την κληρονομιά αυτού του χαρακτηριστικού από το γονικό στοιχείο. Δείτε inherit.

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

Προεπιλεγμένη τιμή: 0
Προγενέστερη: Όχι
Προσθήκη animation: Υποστήριξη. Εξετάστε:Συμβαταί attributes animation.
Έκδοση: CSS3
Γλώσσα γράφημα: object.style.offsetDistance="200px"

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

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

Χρωμός Κάθετος Φαύρος Σαφάρι Οπερα
55 79 72 16 42

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

Εκμάθηση:SVG δρομολόγιο

Εκμάθηση:CSS animation

Αναφορά:CSS offset ιδιότητα

Αναφορά:CSS offset-anchor ιδιότητα

Αναφορά:CSS offset-path ιδιότητα

Αναφορά:CSS offset-position ιδιότητα

Αναφορά:CSS offset-rotate ιδιότητα