StylecssFloat Property
Example
Let an image float to the left/right of the text, when clicking on two buttons:
function floatRight(){
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft(){
document.getElementById("myImg").style.cssFloat = "left";
}
Try it Yourself »document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft(){
document.getElementById("myImg").style.cssFloat = "left";
}
Description
The cssFloat property sets or returns the horizontal alignment of an element.
Note: The CSS "float" property is called "cssFloat" in JavaScript, because "float" is a reserved word in JavaScript.
Note:If there is too little space on a line for the floating element, it will jump down to the next line that has enough space.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| cssFloat | Yes | Yes | Yes | Yes | Yes |
Syntax
Return the cssFloat property:
object.style.cssFloat
Set the cssFloat property:
object.style.cssFloat = "left|right|none|initial|inherit"
Property Values
| 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 aboutinitial |
| inherit | Inherits this property from its parent element.Read aboutinherit |
Technical Details
| Default Value: | none |
|---|---|
| Return Value: | A String, representing the horizontal alignment of an element |
| DOM Version | DOM Level 2 |
More Examples
Example
Change the cssFloat property of a DIV element:
document.getElementById("myDIV").style.cssFloat = "left";
Try it Yourself »Related Pages
CSS tutorial:CSS Float
