clear

Internet Explorer | Chrome | Opera | Safari | Firefox
7.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.6 | 10.0 | 10.0 | 3.1 | 4.0 | 5.0 | 3.0 | 3.6 | 4.0
Помилка | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

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

CSS | CSS1
Значення за умовчанням | none
Наслідує | Ні
Застосовується | До блокових і плаваючих елементів
Аналог HTML | <br clear=none | left | right | all>
Посилання на специфікацію | http://www.w 3.org/TR/CSS21/visuren.html#propdef - clear

Опис

Встановлює, з якого боку елементу заборонено його обтікання іншими елементами. Якщо задано обтікання елементу за допомогою властивості float, то clear відміняє його дію для вказаних сторін.

Синтаксис

clear: none | left | right | both | inherit

Значення

none Відміняє дію властивості clear, при цьому обтікання елементу відбувається, як задано за допомогою властивості float або інших налаштувань.

both Відміняє обтікання елементу одночасно з правого і лівого краю. Це значення рекомендується встановлювати, коли вимагається зняти обтікання елементу, але невідомо точно з якого боку.

left Відміняє обтікання з лівого краю елементу. При цьому усі інші елементи на цій стороні будуть опущені вниз, і розташовуватися під поточним елементом.

right Відміняє обтікання з правого боку елементу.

inherit Встановлює значення батька.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

<title>clear</title>

<style type="text/css">

#layer {

float: left; /* Обтікання блоку по правому краю */

background: #fd0; /* Колір фону */

border: 1px solid black; /* Параметрів рамки */

padding: 10px; /* Полів навколо тексту */

width: 40%; /* Ширина блоку */

}

</style>

</head>

<body>

<div id="layer">

Луцький національний технчний університет є одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.

<div style="clear: left"></div>

<p>Луцький національний технчний університет є одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів. </p>

</body>

</html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Застосування властивості clear

Об'єктна модель

[window.]document.getElementById("elementID").style.clear

Браузери

У браузері Internet Explorer 6 спостерігається помилка під назвою "ефект ку-ку", коли елементи c clear, дотичні до плаваючих елементів (у яких задана властивість float) можуть зникати.

У браузері Internet Explorer 7 властивість clear не діє для елементів, у яких одночасно задане float зі значенням, не співпадаючим з clear.

Internet Explorer до сьомої версії включно не підтримує значення inherit.