CSS margin-block-end ιδιότητα

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

margin-block-end ιδιότητες ορίζουν την εξωτερική περιθωρία στο τέλος της κατεύθυνσης του κύριου άξονα.

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

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

Παράδειγμα

Παράδειγμα 1

Ρύθμιση της εξωτερικής περιθωρίας στο τέλος της κατεύθυνσης του κύριου άξονα:

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

Προσπαθήστε το شخصικά

Παράδειγμα 2

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

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-end: 50px;
}

Προσπαθήστε το شخصικά

Γλώσσα CSS

margin-block-end: αυτόματα|μήκος|καθοριστική|παράδοση;

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

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

Καθορισμός της απόστασης, μεονικές μονάδες όπως px, pt, cm κ.λπ. Αποτελούνται και αρνητικές τιμές.

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

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

Προεπιλεγμένη τιμή: αυτόματα
Παράδοση: Όχι
Κίνησις: Υποστήριξη. Εξετάστε:Συνημμένα στοιχεία κίνησης.
Έκδοση: CSS3
Γλώσσα γράψιμον: object.style.marginBlockEnd="20px"

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

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

Χρωματιστός Κόκκινη Κλείδα Φαύρος Σαφάρι Όπερα
87.0 87.0 41.0 12.1 73.0

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

Παραπομπές:CSS margin-block ιδιότητα

Παραπομπές:CSS margin-block-start ιδιότητα

Παραπομπές:CSS margin-bottom ιδιότητα

Παραπομπές:CSS margin-inline 属性

Παραπομπές:CSS margin-left 属性

Παραπομπές:CSS margin-right 属性

Παραπομπές:CSS margin-top 属性

Παραπομπές:Περιγραφή της ιδιότητας writing-mode του CSS