Propiedad estilo cssFloat
Ejemplo
Deje que una imagen flote a la izquierda/derecha del texto, al hacer clic en dos botones:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
Definición y uso
La propiedad cssFloat establece o devuelve la alineación horizontal de un elemento.
Nota: La propiedad "float" de CSS se llama "cssFloat" en JavaScript, porque "float" es una palabra reservada en JavaScript.
Nota: si hay muy poco espacio en una línea para el elemento flotante, saltará a la siguiente línea que tenga suficiente espacio.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad cssFloat:
object.style.cssFloat
Establezca la propiedad cssFloat:
object.style.cssFloat = "left|right|none|initial|inherit"
Valores de propiedad
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 |
Detalles técnicos
Valor por defecto: | ninguna |
---|---|
Valor devuelto: | Una cadena, que representa la alineación horizontal de un elemento. |
Versión DOM | DOM nivel 2 |
Más ejemplos
Ejemplo
Cambie la propiedad cssFloat de un elemento DIV:
document.getElementById("myDIV").style.cssFloat = "left";
páginas relacionadas
Tutorial de CSS: CSS flotante
❮ Objeto de estilo