Авторский знак. 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 - overflow-y.

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

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

Внимание!!! Свойство переполнения overflow-y не работает должным образом в IE8 и раньше.

Определение и использование. Свойство переполнения overflow-y определяет, будет ли обрезаться сверху/снизу края содержания - если оно переполняет область содержимого элемента. Используйте переполнение поля свойство для определения отсечения на левом и правом краях.

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


Синтаксис:

                  overflow-y: visible|hidden|scroll|auto|initial|inherit;

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

Значение по умолчанию: visible
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.overflowY="scroll"


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

Значение Описание
visible Значение по умолчанию. Содержание не обрезан, и он может отображаться за пределами поля content( содержимого)
hidden Содержимое усекается и никакой механизм прокрутки не предоставляется
scroll Содержимое может усекается и механизм прокрутки предоставляется
auto Должен быть вызван механизм прокрутки для переполненных строк
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство из его родительского элемента.


Пишем программу - Клип верхней/нижней кромки содержимого внутри элемента-если оно переполняет область содержимого элемента:

< !DOCTYPE html>
< html>
< head>
< style> 
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
< /style>
< /head>
< div>< p style="width:140px"> В мои молодые годы отец дал мне несколько советов, которые я держу в голове до сих пор. 'Если тебе вдруг захочется осудить кого-то, - сказал он мне, - просто помни, что все люди в этом мире обладают теми преимуществами, которыми обладаешь ты.' < /p> < /div> < p>Overflow-x указывает, нужно ли обрезать левый/правый края содержимого.< /p> < p>Overflow-y указывает, нужно ли обрезать верхней/нижней границы содержимого.< /p> < /body> < /html>

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

В мои молодые годы отец дал мне несколько советов, которые я держу в голове до сих пор. 'Если тебе вдруг захочется осудить кого-то, - сказал он мне, - просто помни, что все люди в этом мире обладают теми преимуществами, которыми обладаешь ты.'

Overflow-x указывает, нужно ли обрезать левый/правый края содержимого.

Overflow-y указывает, нужно ли обрезать верхней/нижней границы содержимого.




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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: