Ύψος - CSS-Κόλπα | CSS Almanac 2025

Η heightιδιότητα στο CSS καθορίζει καθορίζει το ύψος του περιεχομένου των πλαισίων και δέχεται οποιαδήποτε από τις τιμές μήκους.

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

Αρνητικές τιμές όπως height: -100pxδεν γίνονται αποδεκτές. Η heightιδιότητα δεν ισχύει για μη αντικατασταθέντα ενσωματωμένα στοιχεία, όπως στήλες πίνακα και ομάδες στηλών.

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )

Δείτε αυτό το στυλό!

Εάν το ύψος του μπλοκ που περιέχει δεν προσδιορίζεται ρητά και το στοιχείο δεν είναι απολύτως τοποθετημένο, η τιμή του ύψους του υπολογίζεται σε αυτόματο (θα είναι τόσο ψηλό όσο το περιεχόμενο μέσα του ή μηδέν εάν δεν υπάρχει περιεχόμενο). Εάν το τμήμα περιεχομένου στοιχείων απαιτεί περισσότερο κάθετο χώρο από το διαθέσιμο από την τιμή που έχει εκχωρηθεί, η συμπεριφορά των στοιχείων καθορίζεται από την overflowιδιότητα.

Κατά τη χρήση της λέξης-κλειδιού auto, heightυπολογίζεται με βάση την περιοχή περιεχομένου στοιχείων , εκτός αν αναφέρεται ρητά. Αυτό σημαίνει ότι μια τιμή που βασίζεται σε ένα ποσοστό παραμένει εκείνη της περιοχής περιεχομένου στοιχείων. Ομοίως, εάν το ύψος του κοντέινερ έχει οριστεί σε μια ποσοστιαία τιμή, το ποσοστό ύψους θυγατρικών στοιχείων εξακολουθεί να βασίζεται στην περιοχή περιεχομένου αυτού του θυγατρικού στοιχείου.

Το ύψος μπορεί επίσης να χρησιμοποιηθεί ως κινούμενη ιδιοκτησία.