CSS-свойство float указывает, должен ли блок обтекаться слева или справа.

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

Синтаксис

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

float: left | right | none | initial | inherit

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

p.red {
    float: left;
}
p.green {
    float: right;
}

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

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

Значение Описание
left Элемент «прилипает» к левой стороне родительского блока, весь контент обтекает этот блок с правой стороны.
right Противоположно свойству left — элемент «прилипает» к правой стороне родительского блока, весь контент обтекает этот блок с левой стороны.
none Обтекание не применяется. Это значение установлено по умолчанию.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента float.

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

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

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

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

CSS-свойство clip

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

CSS-свойство bottom

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

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

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

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

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