CSS flex-basis ιδιότητα

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

Η ιδιότητα flex-basis καθορίζει την αρχική μήκος του ελαστικού στοιχείου.

Σημειώσεις:Αν το στοιχείο δεν είναι ελαστικό στοιχείο, η ιδιότητα flex είναι άχρηστη.

Δείτε επίσης:

Εκμάθηση CSS: Ελαστική κουτί CSS

Εγχειρίδιο CSS:Ιδιότητα flex

Εγχειρίδιο CSS:Ιδιότητα flex-direction

Εγχειρίδιο CSS:Ιδιότητα flex-flow

Εγχειρίδιο CSS:Ιδιότητα flex-grow

Εγχειρίδιο CSS:Ιδιότητα flex-shrink

Εγχειρίδιο CSS:Ιδιότητα flex-wrap

Εγχειρίδιο HTML DOM:Ιδιότητα flexBasis

Παράδειγμα

Ρυθμίστε την αρχική μήκος του δεύτερου ελαστικού στοιχείου σε 100 pixel:

div:nth-of-type(2) {
  flex-basis: 100px;
}

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

Γλώσσα CSS

flex-basis: number|auto|initial|inherit;

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

Τιμή Περιγραφή
number Μονάδα μήκους ή το ποσοστό, καθορίζει την αρχική μήκος του ελαστικού στοιχείου.
auto Προεπιλεγμένη τιμή. Η μήκος είναι ίση με τη μήκος του ελαστικού στοιχείου. Αν το στοιχείο δεν καθορίζεται μήκος, η μήκος θα βασίζεται στο περιεχόμενο του.
initial Ρυθμίστε αυτή την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε επίσης initial.
inherit Αναπαράσταση από το γονικό στοιχείο. Δείτε επίσης inherit.

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

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

Υποστήριξη του προγράμματος περιήγησης

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

Τα αριθμήματα με πρόθεμα -webkit- ή -moz- δείχνουν την πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0