CSS max-height

Slyweb

Поиск CSS свойств и HTML элементов:

Все CSS свойства и HTML элементы справочника

[Свойство] max-height

Раздел "Визуальная модель документа"

Свойство устанавливает максимально-допустимую высоту для блока.

Значения

Значения:	em, ex, px, pt, in, cm, mm, pt, pc \| % \| inherit
Исходное значение:	ltr
Применяется:	ко всем элементам, за исключением незаменяемых строчных элементов и элементам таблицы
Наследование:	не наследуется
Процентное соотношение:	в зависимости от содержащего блока
Источник отображения:	визуальный

Синтаксис

max-height

Браузеры:

Описание

Значение, выраженное в процентах, зависит от размеров исходного блока элемента. Однако, в случае, если высота исходного блока не задана явно (например, когда высота определяется содержимым элемента), процентное значение определятся как auto.

Правила применяемые при соотношении свойств min-height и max-height

Если свойство min-height больше свойства max-height, свойство max-height устанавливается равным min-height.
Если высота (height) больше свойства max-height, height устанавливается равным max-height.
Если высота (height) меньше свойства min-height, height устанавливается равным min-height.

  1. <!DOCTYPE html>
  2. <HTML>
  3.    <HEAD>
  4.       <TITLE>Свойство min-height приоритетней свойства max-height</TITLE>
  5. <STYLE type="text/css">
  6. div#main { 
  7. height:200px;
  8. width:300px;
  9. background:#ccc;
10. }
11. #div1 { 
12. min-height:50%;
13. max-height:40%;
14. border:2px solid #EEE;
15. }
16. </STYLE>
17. </HEAD>
18. <BODY id="body">
19. <DIV id="main">
20. <DIV id="div1">
21. <P id="p1"> Жизнь — это небольшая прогулка перед вечным сном. Ф. Г. Раневская.
22. </P>
23. </DIV>
24. </DIV>
25. </BODY>
26. </HTML>
27.

min-height

Возможно, Вам будет интересно прочитать статьи о jQuery:

Доступ и установка с jQuery

Получить свойство maxHeight: val = $("div").css("maxHeight");
Установить свойство maxHeight: $("div").css({"maxHeight":"..."});
Установить свойство maxHeight: $("div").css("maxHeight","...");

"jQuery для начинающих"

CSS свойство появилось в CSS 2.0 (CSS свойства max-height - www.w3.org/max-height)

Форма для комментариев

Версия справочника CSS 1.0 Справочник CSS создан 2010-12-01

Ошибки и опечатки
Предложения и жалобы
Поддержка сайта

Александр Ермаков. Хостинг - www.pwstudio.org

1.	<!DOCTYPE html>
2.	<HTML>
3.	<HEAD>
4.	<TITLE>Свойство min-height приоритетней свойства max-height</TITLE>
5.	<STYLE type="text/css">
6.	div#main {
7.	height:200px;
8.	width:300px;
9.	background:#ccc;
10.	}
11.	#div1 {
12.	min-height:50%;
13.	max-height:40%;
14.	border:2px solid #EEE;
15.	}
16.	</STYLE>
17.	</HEAD>
18.	<BODY id="body">
19.	<DIV id="main">
20.	<DIV id="div1">
21.	<P id="p1"> Жизнь — это небольшая прогулка перед вечным сном. Ф. Г. Раневская.
22.	</P>
23.	</DIV>
24.	</DIV>
25.	</BODY>
26.	</HTML>
27.

Подробный справочник CSS и HTML

Правила применяемые при соотношении свойств min-height и max-height

Возможно, Вам будет интересно прочитать статьи о jQuery:

Доступ и установка с jQuery