Свойство OVERFLOW

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS2
Значение по умолчанию visible
Наследование Нет
Применяется К блочным и заменяемым элементам
Аналог HTML Нет
Ссылка на спецификацию http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow

Описание

Данное свойство задает тип вывода содержимого блочного элемента при превышении области заданных размеров.

Синтаксис

Аргументы

visible Отображается все содержание элемента, даже за пределами установленной высоты и ширины.
hidden Отображается только область внутри элемента, остальное будет обрезано.
scroll Всегда добавляются полосы прокрутки.
auto Полосы прокрутки добавляются только при необходимости.

Пример

Валидный HTML
Валидный CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>overflow</title>
<style type="text/css">
.layer {
 overflow: scroll; /* Добавляем полосы прокрутки */
 width: 320px; /* Ширина блока */
 height: 150px; /* Высота блока */
 padding: 5px; /* Поля вокруг текста */
 border: solid 1px black; /* Параметры рамки */
}
</style>
</head>
<body>

<div class="layer">
<h2>Успешное ведение бизнеса</h2>
<p>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). </p>
</div>

</body>
</html>

Комментарий