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



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

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

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

  1. Если свойство min-height больше свойства max-height, свойство max-height устанавливается равным min-height.
  2. Если высота (height) больше свойства max-height, height устанавливается равным max-height.
  3. Если высота (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
min-height


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

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