Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



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

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

В тех случаях, когда необходимо ограничивать высоту элемента определенными размерами, Вам понадобятся свойства min-height и max-height.

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

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

  1.<!DOCTYPE html>
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство height меньше свойства min-height</TITLE>
  5.<STYLE type="text/css">
  6.div#main {
  7.height:200px;
  8.width:300px;
  9.background:#ccc;
10.}
11.#div1 {
12.height:50px;
13.min-height:100px;
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.Надо поставить свою жизнь в такие условия,
23.чтобы труд был необходим.
24.Без труда не может быть чистой и радостной жизни. А. П. Чехов.
25.
26.</P>
27.</DIV>
28.</DIV>
29. </BODY>
30.</HTML>
31.
Свойство min-height  приоритетней свойства height. Пирмер 2.
Свойство min-height приоритетней свойства height. Пирмер 2.


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

  • Получить свойство minHeight: val = $("div").css("minHeight");
  • Установить свойство minHeight: $("div").css({"minHeight":"..."});
  • Установить свойство minHeight: $("div").css("minHeight","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org