CSS margin-inline-end 属性

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

margin-inline-end ιδιότητες ορίζουν το περιθώριο της άκρης της γραμμικής κατεύθυνσης.

CSS margin-inline και margin-block ιδιότητες είναι παρόμοιες με την ιδιότητα margin-top,margin-bottom,margin-left και margin-right είναι πολύ παρόμοια, αλλά margin-inline και margin-block Η ιδιότητα εξαρτάται από την κατεύθυνση του блока και της γραμμικής.

Σημείωση:συμμετέχουσες ιδιότητες CSS writing-mode και direction Ορίζει την κατεύθυνση της γραμμικής. Αυτό επηρεάζει τη θέση του στοιχείου και margin-inline-end Το αποτέλεσμα της ιδιότητας. Για τις σελίδες με αγγλικό κείμενο, η κατεύθυνση του блока είναι προς τα κάτω, η κατεύθυνση της γραμμικής είναι από αριστερά προς δεξιά.

Παράδειγμα

Παράδειγμα 1

Ρύθμιση του περιθωρίου της άκρης της γραμμικής κατεύθυνσης.

div {
  margin-inline-end: 35px;
}

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

Παράδειγμα 2

Όταν η τιμή του attributes του στοιχείου <div> είναι writing-mode Όταν η τιμή του attributes είναι 'vertical-rl', η κατεύθυνση της γραμμικής είναι προς τα κάτω. Το αποτέλεσμα είναι η άκρη του στοιχείου να μετακινείται από το δεξί προς το κάτω:

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

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

Παράδειγμα 3

Όταν η τιμή του attributes του στοιχείου <div> είναι direction Όταν η τιμή του attributes είναι 'rtl', η κατεύθυνση της γραμμικής είναι από δεξιά προς αριστερά. Το αποτέλεσμα είναι η άκρη του στοιχείου να μετακινείται από το δεξί προς το αριστερό:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

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

ΓλωσσάramaCSS:

margin-inline-end: αυτόματα|πυκνότητα|initial|κληρονομικότητα;

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

Τιμή Περιγραφή
αυτόματα Προεπιλεγμένη τιμή. Η προεπιλεγμένη τιμή του margin-inline-end του στοιχείου.
πυκνότητα

Ορίζει το περιθώριο margin-inline-end σε μονάδες όπως px, pt, cm. Αποτελούνται από αρνητικές τιμές.

Βλέπε:Μονάδες CSS.
% Ορίζει το περιθώριο margin-inline-end ως ποσοστό του μεγέθους του γονικού στοιχείου κατά μήκος της γραμμικής κατεύθυνσης.
initial Ρυθμίστε αυτή την ιδιότητα στη προεπιλεγμένη τιμή. Βλέπε: initial.
κληρονομικότητα Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Βλέπε: κληρονομικότητα.

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

Προεπιλεγμένη τιμή: αυτόματα
Κληρονομικότητα: Όχι
Δημιουργία animation: Υποστηρίζεται. Εξετάστε:Προσαρμοσμένες ιδιότητες animation.
Έκδοση: CSS3
ΓλωσσάramaScript: object.style.marginInlineEnd="50px"

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

Οι αριθμοί στην τаблицή δείχνουν την έκδοση του περιηγητή που υποστηρίζει πλήρως το χαρακτηριστικό.

Χρωμίου Εντζ Φάιρεξ Σαφάρι Οπερα
87.0 87.0 41.0 12.1 73.0

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

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

Αναφορά:CSS margin-inline-start 属性

Αναφορά:CSS margin-bottom ιδιότητα

Αναφορά:CSS margin-inline 属性

Αναφορά:CSS margin-left 属性

Αναφορά:CSS margin-right 属性

Αναφορά:CSS margin-top 属性

Αναφορά:Πρότυπο CSS writing-mode