Код вашей страницы

<html>
<head>
<style type="text/css">
div.scroll
{
background-color:#00FFFF;
width:200px;
height:100px;
overflow:scroll;
}

div.hidden
{
background-color:#00FF00;
width:200px;
height:100px;
overflow:hidden;
}
</style>
</head>

<body>
<p>Свойство CSS overflow определяет, что будет с элементом, если его содержимое не помещается в видимые пределы элемента.</p>

<p>overflow:scroll</p>
<div class="scroll">Вы можете использовать свойство overflow для контроля над разметкой. На некоторых сайтах используются окошки с меню и полосами прокрутки. Значение по умолчанию visible.</div>

<p>overflow:hidden</p>
<div class="hidden">Вы можете использовать свойство overflow для контроля над разметкой. На некоторых сайтах используются окошки с меню и полосами прокрутки. Значение по умолчанию visible.</div>
</body>
</html>

Результат в окне браузера

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

overflow:scroll

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

overflow:hidden

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки