Výška CSS Vlastnost
Příklad
Nastavte výšku dvou prvků <div>:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost heightnastavuje výšku prvku.
Výška prvku nezahrnuje výplň, okraje nebo okraje!
Pokud height: auto;prvek automaticky upraví svou výšku, aby se jeho obsah zobrazil správně.
Pokud heightje nastaveno na číselnou hodnotu (jako jsou pixely, (r)em, procenta), pak pokud se obsah nevejde do zadané výšky, přeteče. Jak bude kontejner zpracovávat přetékající obsah, je definováno
vlastností overflow .
Poznámka: Vlastnosti min-height a
max-height přepisují
heightvlastnost.
| Výchozí hodnota: | auto |
|---|---|
| Zděděno: | Ne |
| Animovatelné: | Ano. Přečtěte si o tématu Animable |
| Verze: | CSS1 |
| Syntaxe JavaScriptu: | objekt .style.height="500px" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
| Property | |||||
|---|---|---|---|---|---|
| height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Syntaxe CSS
height: auto|length|initial|inherit;
Hodnoty vlastností
| Value | Description | Play it |
|---|---|---|
| auto | The browser calculates the height. This is default | |
| length | Defines the height in px, cm, etc. Read about length units | |
| % | Defines the height in percent of the containing block | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Další příklady
Příklad
Nastavte výšku prvku na 50 % výšky nadřazeného prvku:
#parent {
height: 100px;
}
#child {
height: 50%;
}
Související stránky
CSS tutoriál: CSS Výška a šířka
CSS tutoriál: CSS Box model
CSS reference: vlastnost width
HTML odkaz DOM: vlastnost height