CSS height attribute

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

Το attributes height ρυθμίζει το ύψος του στοιχείου.

Περιγραφή

Αυτό το attributes καθορίζει το ύψος της περιοχής περιεχομένου του στοιχείου, εκτός από την περιοχή περιεχομένου μπορεί να προσθέσει το εσωτερικό περιθώριο, το πλαίσιο και το περιθώριο.

Οι ενσωματωμένοι στοιχείο δεν λαμβάνουν υπόψη αυτό το attributes.

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

Εκμάθηση CSSΜέγεθος CSS

Εκμάθηση CSSΕισαγωγή στη CSS Φρακτικός Μοντέλο

Εγχειρίδιο CSSAttributes width

Εγχειρίδιο HTML DOMAttributes height

Παράδειγμα

Ρύθμιση του ύψους και πλάτους του παραγράφου:

p
  {
  height:100px;
  width:100px;
  }

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

Γλώσσα CSS

height: auto|length|initial|inherit;

Τιμή attributes

Τιμή Περιγραφή
auto Προεπιλεγμένο. Ο περιηγητής θα υπολογίσει το πραγματικό ύψος.
length Ορίζει το ύψος χρησιμοποιώντας μονάδες όπως px, cm κ.λπ.
% Βασίζεται στο ποσοστό ύψους του περιεχομένου του μπλοκ που το περιλαμβάνει.
inherit Καθορίζει ότι η τιμή του attributes height πρέπει να παραληφθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: auto
Παράδοση: no
Έκδοση: CSS1
Γλώσσα JavaScript: object.style.height="50px"

Πειραματισμός TIY

Χρήση πλάτους σε pixel για ρύθμιση του ύψους της εικόνας
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το πλάτος σε pixel για να ρυθμίσετε το ύψος του στοιχείου.
Χρήση ποσοστού για ρύθμιση του ύψους της εικόνας
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το ποσοστό για να ρυθμίσετε το ύψος του στοιχείου.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0