Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - max-height.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Свойство max-height макс-высота поддерживается во всех основных браузерах. Внимание!!! IE6 и более ранние версии не поддерживают свойство макс-высоты max-height.

Определение и использование. Свойство макс-высоты max-height используется для установки максимальной высоты элемента. Это предотвращает значение свойства высоты стать больше, чем макс-высоты max-height. Значение свойства макс-высоты max-height перекрывает высоту height.

Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство max-height, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.


Синтаксис:

            max-height: none|length|initial|inherit;

Опреление и Использование

Значение по умолчанию: none
наследует: no
Версия: CSS2
JavaScript синтаксис: object.style.maxHeight="100px"


Свойства Значения

Значение Описание
none Нет. Это значение установлено по умолчанию
length Определяет максимальную высоту в пикселах, см и др. 
% Определяет максимальную высоту в процентах от содержащего их блока
initial Это свойство задает значение по умолчанию.
inherit наследует


Пишем программу - Установить максимальную высоту абзаца:

< !DOCTYPE html>
< html>
< head>
< style>
p
{
max-height:50px;
background-color:yellow;
overflow:auto;
}
< /style>
< /head>

< body>
< p>максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px.
 Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px.
  Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. 
  Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. 
  Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px.
                                < /p>
< /body>
< /html>                      

Результат программы:

максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px. Максимальная высота этот абзац 50px.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: