CSS inline-size ιδιότητα

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

inline-size Το ατρβούτο καθορίζει το μέγεθος του στοιχείου στην κατεύθυνση ενδοτερικής.

Λήψη υπόψη:Σχετικά CSS ατρβούτα writing-mode Ορίζει την κατεύθυνση ενδοτερικής, η οποία επηρεάζει inline-size Το αποτέλεσμα του ατρβούτου.

Το CSS inline-size και block-size Το ατρβούτο είναι παρόμοιο με το CSS width και height Το ατρβούτο είναι πολύ παρόμοιο, αλλά inline-size και block-size Το ατρβούτο εξαρτάται από την κατεύθυνση ενδοτερικής και κύριας.

Παράδειγμα

Παράδειγμα 1

Ρύθμιση μεγέθους του στοιχείου div στη κατεύθυνση ενδοτερικής:

div {
  inline-size: 200px;
}

Δοκίμασε το προσωπικά

Παράδειγμα 2

Οταν το στοιχείο writing-mode Η τιμή του ατρβούτου ορίζεται σε vertical-rl Όταν το ατρβούτο είναι inline-size Χώρος λειτουργίας του ατρβούτου:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

Δοκίμασε το προσωπικά

Γλώσσα CSS

inline-size: auto|length|initial|inherit;

Τιμή ατρβούτου

Τιμή Περιγραφή
auto Προεπιλεγμένη τιμή. Η προεπιλεγμένη τιμή του inline-size του στοιχείου.
length

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

Επιτρέπει τη χρήση αρνητικών τιμών. Εξέτασε:Μονάδες CSS.
% Ορίζει το ποσοστό του μεγέθους στον άξονα του γονικού στοιχείου.
initial Όρισε αυτό το ατρβούτο στη προεπιλεγμένη τιμή. Δες: initial.
inherit Απόκτησε αυτό το ατρβούτο από το γονικό στοιχείο. Δες: inherit.

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

Προεπιλεγμένη τιμή: auto
Προτεραιότητα: Όχι
Παραγωγή κινήσεων: Υποστηρίζεται. Εξέτασε:Ατρβούτα σχετικά με τις κινήσεις.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.inlineSize="250px"

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

Τα αριθμήματα στη τράπεζα υποδεικνύουν την έκδοση του πρώτου περιηγητή που υποστηρίζει το ατрибούτο.

Chrome Edge Firefox Safari Opera
57.0 79.0 41.0 12.1 44.0

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

Εκμάθηση CSS:Ώριμοι και πλάτους του CSS

Εκμάθηση CSS:Μοντέλο κουτί του CSS

CSS Εγχειρίδιο:Ατрибούτο height

CSS Εγχειρίδιο:Ατрибούτο width

CSS Εγχειρίδιο:Ιδιότητα του writing-mode