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