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

Προηγούμενη σελίδα @media
Επόμενη σελίδα min-inline-size

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

min-block-size Ο χαρακτηριστής καθορίζει την ελάχιστη διάσταση του στοιχείου σε κατευθύνσεις τομέα.

Αν το μέγεθος του περιεχομένου στον άξονα του блока είναι μικρότερο από το ελάχιστο μέγεθος, τότε θα εφαρμοστεί min-block-size τιμή της ιδιότητας.

Αν το μέγεθος του περιεχομένου στον άξονα του блока είναι μεγαλύτερο από το ελάχιστο μέγεθος, τότε min-block-size Η τιμή της ιδιότητας δεν λειτουργεί.

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

CSS min-block-size ιδιότητες και οι ιδιότητες CSS min-height και min-width Κατασκευασμένα με την ίδια μέθοδο, αλλά min-block-size Η ιδιότητα εξαρτάται από την κατεύθυνση του блока.

Παράδειγμα

Παράδειγμα 1

Ρυθμίστε το ελάχιστο μέγεθος του στοιχείου <div> στον άξονα του блока σε 200 εικονοστοιχεία:

div {
  min-block-size: 200px;
}

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

Παράδειγμα 2: Μέθοδος γραφής

Ρυθμίστε την κατεύθυνση του στοιχείου <div> του writing-mode Όταν η τιμή της ιδιότητας είναι vertical-rl, η κατεύθυνση του блока από κάτω προς τα πλάγια αλλάζει, κάτι που επηρεάζει min-block-size Πώς λειτουργεί η ιδιότητα:

div {
  min-block-size: 200px;
  writing-mode: vertical-rl;
}

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

Παράδειγμα 3: min-block-size και block-size

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

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

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

Γλώσσα CSS

min-block-size: αυτόματα|length|initial|κληρονομικότητα;

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

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

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

Προεπιλεγμένο:	αυτόματα
Κληρονομικότητα:	Όχι
Προσαρμογή κίνησης:	Υποστηρίζεται. Δείτε:Προσαρμοστές ιδιότητες της κίνησης。
Έκδοση:	CSS3
Γλώσσα Γιουάσκριπτ:	object.style.minBlockSize="10px"