пример
Пусть буй изображения влево / вправо текст, при нажатии на две кнопки:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} Попробуй сам " Определение и использование
В cssFloat наборы свойств или возвращают горизонтальное выравнивание элемента.
Примечание: CSS "float" свойство называется "cssFloat" в JavaScript, потому что "float" является зарезервированным словом в JavaScript.
Note: Если есть слишком мало места на линию для плавающего элемента, он будет прыгать вниз на следующую строку , которая имеет достаточно места.
Поддержка браузеров
Свойство cssFloat поддерживается во всех основных браузерах.
Синтаксис
Возвращает свойство cssFloat:
object .style.cssFloat
Установите свойство cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| none | / Элемент объекта не плавал. Это по умолчанию |
| left | / Элемент объекта будет плавать слева в родительском элементе |
| right | / Элемент объекта будет плавать вправо в родительском элементе |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | никто |
|---|---|
| Возвращаемое значение: | Строка, представляющая собой горизонтальное выравнивание элемента |
| DOM Version | DOM Level 2 |
Еще примеры
пример
Измените свойство cssFloat в виде DIV элемента:
document.getElementById("myDIV").style.cssFloat = "left";
Попробуй сам " Похожие страницы
CSS учебник: CSS Float
<Style Object