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 поддерживается во всех основных браузерах.

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

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

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

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

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