Запрет обтекания: clear

clear

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4.0 3.5 1.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 6.0 6.0 1.0
Свойство
clear — это свойство позволяет отменить обтекание
Описание
Бывает что нужно предотвратить обтекание элемента, например, когда имеется несколько изображений и напротив каждого изображения находится описание, то в таких случаях логично заключить каждое изображение с его описанием в блок и запретить обтекание каждому последующему блоку
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
К блочным элементам
Может принимать значения
left | right | both | none | inherit
Значение по умолчанию
none
Правила записи
свойство: значение;
Примеры

star Текст обтекает это изображение с правой стороны

hex Текст обтекает это изображение с правой стороны

rhomb Текст обтекает это изображение с правой стороны


Здесь видно что каждый последующий абзац обтекает предыдущий, для того чтобы этого не было, нужно применить к абзацам, которые следуют за обтекаемым элементом, свойство clear со значением в данном случае left

star Текст обтекает это изображение с правой стороны

hex Текст обтекает это изображение с правой стороны

rhomb Текст обтекает это изображение с правой стороны


Здесь к каждому абзацу который следует за обтекаемым элементом применено свойство clear со значением left

Значение right означает что запрет обтекания будет произведен по левой стороне от элемента к которому применено свойство float со значением right

Значение both означает что запрет обтекания будет произведен по левой и по правой стороне от элемента

Значение none означает что запрет обтекания будет отменен

Это значит что свойство унаследует значение от родителя

Поделиться