CSS max-block-size ιδιότητα

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

max-block-size Η ιδιότητα καθορίζει τη μεγαλύτερη διάσταση του στοιχείου στον κατευθυντήριο τομέα.

Αν το μέγεθος του περιεχομένου στον κατευθυντήριο τομέα είναι μικρότερο από το όριο, τότε max-block-size Η τιμή της ιδιότητας δεν έχει αποτέλεσμα.

Αν το μέγεθος του περιεχομένου στον κατευθυντήριο τομέα είναι μεγαλύτερο από το όριο, θα εφαρμοστεί max-block-size τιμή ιδιότητας.

Λήψη υπόψη:σχετικές ιδιότητες CSS writing-mode Ορίζει τον κατευθυντήριο τομέα, το οποίο επηρεάζει max-block-size οι επιπτώσεις των ιδιοτήτων. Για τις σελίδες με αγγλική γλώσσα, ο κατευθυντήριος τομέας είναι κατεβατή και η ενδιάμεση κατεύθυνση είναι από αριστερά προς δεξιά.

CSS max-block-size ιδιότητες είναι σύγκριτες με τις ιδιότητες του CSS max-height και max-width Πολύ παρόμοια, αλλά max-block-size Η ιδιότητα εξαρτάται από τον κατευθυντήριο τομέα.

Παράδειγμα

Παράδειγμα 1

Καθορίστε τη μεγαλύτερη διάσταση του στοιχείου <div> στο κατευθυντήριο τομέα σε 60 εικονοστοιχεία:

div {
  max-block-size: 60px;
}

Προσπαθήστε να το δοκιμάσετε

Παράδειγμα 2: Στυλ γραφής

Καθορίστε τη μεγαλύτερη διάσταση του στοιχείου <div> στο κατευθυντήριο τομέα: writing-mode Η τιμή της ιδιότητας είναι σε vertical-lr, η κατεύθυνση του τομέα θα αλλάξει από κατεβατή σε πλάγια, το οποίο θα επηρεάσει max-block-size Πώς λειτουργεί η ιδιότητα:

div {
  max-block-size: 60px;
  writing-mode: vertical-lr;
}

Προσπαθήστε να το δοκιμάσετε

Παράδειγμα 3: Max-block-size σε σύγκριση με Block-size

Παρατηρήστε ένα στοιχείο <div> (block-size για 100px) και έναν άλλο στοιχείο <div> (max-block-size Διαφορές στη δράση όταν το μέγεθος του περιεχομένου αλλάζει (για 100px):

#div1 {
  max-block-size: 100px;
}
#div2 {
  block-size: 100px;
}

Προσπαθήστε να το δοκιμάσετε

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

max-block-size: αυτόματα|μήκος|αρχική|κληρονομιά;

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

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

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

Προεπιλεγμένη τιμή: αυτόματα
Πρόληψη από κληρονομιά: Όχι
Προσαρμογή αニμασίας: Υποστήριξη. Δείτε:Συμβατότητα με αニμασία.
Έκδοση: CSS3
Γλώσσα γραφής JavaScript: object.style.maxBlockSize="60px"

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

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

Χρωμώνας Εκτελεστής Φαύρος Σάφάρι Οπερά
57.0 79.0 41.0 12.1 44.0

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

Παρατηρήσεις:CSS block-size στοιχεία

Παρατηρήσεις:CSS min-block-size ιδιότητα

Παρατηρήσεις:CSS max-height ιδιότητα

Παρατηρήσεις:CSS max-width ιδιότητα

Παρατηρήσεις:Στυλ γραφής CSS