CSS max-height Property
Przykład
Ustaw maksymalną wysokość elementu <p> na 50 pikseli:
p.ex1
{
max-height: 50px;
}
Definicja i użycie
Właściwość max-height
określa maksymalną wysokość elementu.
Jeśli zawartość jest większa niż maksymalna wysokość, przepełni się. Sposób, w jaki kontener będzie obsługiwał przepełnioną zawartość, jest określony przez właściwość overflow .
Jeśli zawartość jest mniejsza niż maksymalna wysokość,
max-height
właściwość nie działa.
Uwaga: Dzięki temu wartość
właściwości height nie będzie większa niż
max-height
. Wartość
max-height
właściwości zastępuje właściwość height.
Domyślna wartość: | Żaden |
---|---|
Dziedziczny: | nie |
Animowalny: | tak, zobacz poszczególne właściwości . Przeczytaj o animacji |
Wersja: | CSS2 |
Składnia JavaScript: | obiekt .style.maxHeight="100px" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
Składnia CSS
max-height: none|length|initial|inherit;
Wartości nieruchomości
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum 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 |
Powiązane strony
Samouczek CSS: wysokość i szerokość CSS
Odniesienie CSS: właściwość min-height
Odniesienie HTML DOM: właściwość maxHeight