Свойство cssFloat стиля

Определение и использование

cssFloat Свойство установки или возврата горизонтального выравнивания элемента.

Совет:Атрибут CSS "float" в JavaScript называется "cssFloat", так как "float" является зарезервированным словом в JavaScript.

Комментарий:Если места для плавающего элемента в строке недостаточно, он перейдет на строку с достаточным пространством.

См. также:

Урок CSS:Плавающее позиционирование CSS

Пример

Пример 1

При нажатии на два кнопки, позвольте изображению плавать к тексту слева/справа:

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

Попробуйте сами

Пример 2

Изменить атрибут cssFloat DIV элемента:

document.getElementById("myDIV").style.cssFloat = "left";

Попробуйте сами

Грамматика

Возврат атрибута cssFloat:

object.style.cssFloat

Установить атрибут cssFloat:

object.style.cssFloat = "left|right|none|initial|inherit"

Значение атрибута

Значение Описание
none Объект/элемент не плавает. По умолчанию.
left Объект/элемент будет плавать вправо в родительском элементе.
right Объект/элемент будет плавать влево в родительском элементе.
initial Установить этот атрибут в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: Нет
Возвратное значение: Строка, представляющая горизонтальное выравнивание элемента.
Версия DOM: DOM Level 2

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка