Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Overflow Padding

Свойство overflow

Описание

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

Это свойство применимо к блочным элементам.

О блочных элементах (подробнее здесь...).

Значение

- visible – содержимое блока отображается полностью,

- hidden – отображается та часть содержимого, которая вмещается в границы блока,

- auto - при необходимости добавляются полосы прокрутки,

- scroll - полосы прокрутки всегда добавляются к блоку,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- visible


Пример

Пример - Свойство overflow

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство overflow </title>

<style type="text/css">
p{border:#FF0000 solid 2px; font-size:28px; padding:5px; width:400px; height:50px;}
</style>


</head>
<body>

<p style="margin-bottom:20px;"> Как видите, содержимое блока отображается полностью. </p>
<p style="overflow:hidden;"> Как видите, не все содержимое блока отображено. </p>
<p style="overflow:auto;"> Полоса прокрутки появилась автоматически. </p>
<p style="overflow:scroll;"> Полосы прокрутки всегда добавляются к блоку. </p>

</body>
</html>

При просмотре в браузере

Как видите, содержимое блока отображается полностью.

Как видите, не все содержимое блока отображено.

Полоса прокрутки появилась автоматически.

Полосы прокрутки всегда добавляются к блоку.


Свойство Outline-width Свойство Overflow Свойство Padding
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru