Atributo cssFloat de estilo

Definición y uso

cssFloat Establece o devuelve la alineación horizontal del elemento.

Consejo:El atributo "float" de CSS se llama "cssFloat" en JavaScript porque "float" es una palabra reservada en JavaScript.

Notas:Si el espacio disponible para el elemento flotante en una línea es demasiado pequeño, se saltará a la próxima línea con suficiente espacio.

Vea también:

Tutoriales CSS:Flotación de CSS

Ejemplo

Ejemplo 1

Al hacer clic en los dos botones, hacer que la imagen se flote a la izquierda/derecha del texto:

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

Pruebe usted mismo

Ejemplo 2

Cambiar el atributo cssFloat del elemento DIV:

document.getElementById("myDIV").style.cssFloat = "left";

Pruebe usted mismo

Sintaxis

Devolver cssFloat atributo:

object.style.cssFloat

Establecer cssFloat atributo:

object.style.cssFloat = "left|right|none|initial|inherit"

Valor del atributo

Valor Descripción
none El objeto/elemento no se flotará. Predeterminado.
left El objeto/elemento se flotará a la izquierda en el elemento padre.
right El objeto/elemento se flotará a la derecha en el elemento padre.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Este atributo se hereda del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: Ninguno
Valor devuelto: Cadena que representa la alineación horizontal del elemento.
Versión de DOM: Nivel 2 de DOM

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte