Свойство стиля cssFloat
Пример
Пусть изображение плавает слева/справа от текста при нажатии на две кнопки:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
Определение и использование
Свойство cssFloat устанавливает или возвращает горизонтальное выравнивание элемента.
Примечание. Свойство CSS «float» в JavaScript называется «cssFloat», потому что «float» — это зарезервированное слово в JavaScript.
Примечание. Если в строке слишком мало места для плавающего элемента, он перейдет к следующей строке, в которой достаточно места.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство cssFloat:
object.style.cssFloat
Установите свойство cssFloat:
object.style.cssFloat = "left|right|none|initial|inherit"
Значения свойств
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | никто |
---|---|
Возвращаемое значение: | Строка, представляющая горизонтальное выравнивание элемента. |
DOM-версия | ДОМ Уровень 2 |
Дополнительные примеры
Пример
Измените свойство cssFloat элемента DIV:
document.getElementById("myDIV").style.cssFloat = "left";
Связанные страницы
Учебное пособие по CSS: CSS Float
❮ Объект стиля