CSS-свойство clear определяет, какие стороны элемента запрещены для обтекания установленного свойством float.

Значение по умолчанию: none
Применяется к: Все элементы
Наследование: Нет
Анимирование: Нет. Анимируемые свойства
Версия: CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

clear: left | right | auto | both | none | initial | inherit

Примеры написания кода свойства clear:

clearfix:after  {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение Описание
left Отменяет обтекание с левой стороны элемента таким образом, что все элементы с этой стороны будут опущены вниз, и располагаться под текущим элементом.
right Отменяет обтекание с правой стороны элемента таким образом, что все элементы с этой стороны будут опущены вниз, и располагаться под текущим элементом.
both Отменяет обтекание с обеих сторон элемента таким образом, что все элементы будут опущены вниз, и располагаться под текущим элементом.
auto Не отменяет обтекание. Это значение установлено по умолчанию.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента clear.

Поддержка браузеров

Свойство clear поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.