Свойство clear
Описание
Указывает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отменяет его действие для указанных сторон.
Синтаксис
clear: none | left | right | both;Подробности
| Значение | Описание |
| none | Отменяет действие clear, при этом обтекание элемента происходит, как задано с помощью свойства float или других настроек. |
| both | Отменяет действие float с правого и левого краёв. Рекомендуется применять, когда требуется отменить обтекание элемента, но неизвестно точно с какой стороны. |
| left | Отменяет действие float со значением left. |
| right | Отменяет действие float со значением right. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#left2 {
width: 90px;
padding: 10px 5px;
background: rgba(15, 139, 180, 0.556);
float: left;
}
#right2 {
width: 90px;
padding: 20px 5px;
background: rgba(179, 236, 21, 0.326);
float: right;
}
#clear-test2 {
padding: 15px 5px;
background: rgba(213, 61, 1, 0.468);
clear: right;
}
</style>
<div id='left2'>float: left</div>
<div id='right2'>float: right</div>
<div id='clear-test2'>clear</div>
</body>
</html>Читайте также
Свойство unicode-bidi
В европейских языках чтение текста происходит слева направо, в то время как есть языки, где текст читается справа налево. При смешении в одном докумен...
initial
Значение применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, зада...
Свойство font-stretch
Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст....
Свойство border-radius
Устанавливает радиус скругления уголков рамки. Если рамка не задана, то скругление также происходит и с фоном.
Можно использовать от1 до 4 знач...