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

ноябрь 2020
Пн Вт Ср Чт Пт Сб Вс
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.

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

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

Определение и использование. Свойство overflow переполнения указывает, что происходит, если содержимое переполняет прямоугольник элемента, то есть когда для выбранных элементов применяются свойства height и width, тогда появляется возможность переполнения выбранного элемента его содержимым - контент может занимать больше места, чем было указано содержащим его элементом. Свойство overflow заранее определяет, что будет предприниматься, если содержимое выбранного элемента превзойдет его размер.

Повторюсь, что свойство overflow указывает способ отображения содержимого выбранного блочного элемента, если оно превышает размер блока, то есть свойство применимо к блочным элементам.

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

Синтаксис:

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

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

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

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

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

Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
div.scroll
{
background-color:#F79;
width:120px;
height:120px;
overflow:scroll;
}

div.hidden 
{
background-color:#C9C;
width:120px;
height:120px;
overflow:hidden;
}
< /style>
< /head>
< body>
< p>переполнение свойство указывает, что делать, если содержимое элемента 
превышает размер элемента.< /p>
< p>overflow:scroll< /p>
< div class="scroll">Вы можете использовать свойство overflow, когда хотите 
лучше контролировать макета. Значением по умолчанию является видимым.< /div>
< p>overflow:hidden< /p>
< div class="hidden">Вы можете использовать свойство overflow, когда вы хотите
 лучше контролировать макета. Значением по умолчанию является видимым.< /div>
< /body>

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

переполнение свойство указывает, что делать, если содержимое элемента превышает размер элемента.

overflow:scroll

Вы можете использовать свойство overflow, когда хотите лучше контролировать макета. Значением по умолчанию является видимым.

overflow:hidden



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