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

Προηγούμενη σελίδα margin-block-end
Επόμενη σελίδα margin-bottom

Ταυτότητα και χρήση

margin-block-start καθορίζει την εξωτερική αποδοχή της αρχής του блока.

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

Σημείωση:Συμμετέχοντες CSS attributes writing-mode Δια визначεναι η κατεύθυνση του блока. Αυτό επηρεάζει τη θέση του κινήματος και την απόσταση margin-block-start. Για τις σελίδες αγγλικών, η κατεύθυνση του блока είναι προς τα κάτω, η κατεύθυνση της γραμμής είναι από αριστερά προς δεξιά.

Παράδειγμα

Παράδειγμα 1

Ρύθμιση της εξωτερικής αποδοχής της αρχής του блока:

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

Προσωπική δοκιμή

Παράδειγμα 2

Όταν το στοιχείο <div> έχει writing-mode Όταν η τιμή του attributes είναι vertical-rl, η κατεύθυνση του блока είναι από δεξιά προς αριστερά. Το αποτέλεσμα είναι η θέση του στοιχείου να μετακινηθεί από την κορυφή προς τη δεξιά. Επομένως, η αλλαγή της writing-mode επηρεάζει επίσης margin-block-start Το αποτέλεσμα είναι:

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

Προσωπική δοκιμή

Γλώσσα CSS

margin-block-start: αυτοματικά|μήκος|initial|εναπόληψη;

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

Τιμή	Περιγραφή
αυτόματα	Προεπιλεγμένη τιμή. Η προεπιλεγμένη εξωτερική αποδοχή του στοιχείου.
μήκος	Ορισμός απόστασης με μονάδες όπως px, pt, cm κ.λπ. Αποτελούνται και αρνητικές τιμές. Δείτε επίσης:Μονάδες CSS.
%	Ορισμός απόλυτης απόστασης ως ποσοστό του μεγέθους του γονικού στοιχείου στη διάσταση γραμμής.
αρχική	Ρύθμιση αυτής της ιδιότητας στη προεπιλεγμένη τιμή. Δείτε επίσης αρχική.
εναπόληψη	Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε επίσης εναπόληψη.

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

Προεπιλεγμένη τιμή:	αυτόματα
Εναπόληψη:	Όχι
Παραγωγή κινούμενων εικόνων:	Υποστήριξη. Δείτε επίσης:Αναλογίες κινούμενων εικόνων.
Έκδοση:	CSS3
Γλώσσα βασισμένη σε κείμενο:	object.style.marginBlockStart="100px"