Свойство 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>Читайте также
Правило @page
Правило @page позволяет задать значение полей при печати документа или для страниц, у которых тип носителя задан как print.
Для установки полей...
Свойство list-style-type
Указывает, как будет размещаться маркер относительно текста — маркер обтекается текстом или вынесен за границу элемента списка....
Функция linear-gradient()
Функция добавляет линейный градиент к фону элемента. Она выступает значением свойства background-image или background....
Свойство user-select
Управляет поведением выделения текста и других элементов на странице, в частности, позволяет запретить выделение текста. Обычно применяется для интера...