Ejemplo
Deje un flotador de imagen 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";
} Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades cssFloat o devuelve la alineación horizontal de un elemento.
Nota: El CSS "float" propiedad se llama "cssFloat" en JavaScript, debido a "float" es una palabra reservada en JavaScript.
Note: Si no hay suficiente espacio en una línea para el elemento flotante, saltará a la siguiente línea que tiene suficiente espacio.
Soporte del navegador
La propiedad cssFloat es compatible con todos los principales navegadores.
Sintaxis
Devolver la propiedad cssFloat:
object .style.cssFloat
Establecer la propiedad cssFloat:
object .style.cssFloat="left|right|none|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| none | El / elemento de objeto no se flota. Esto es por defecto |
| left | El / elemento de objeto flotará hacia la izquierda en el elemento padre |
| right | El / elemento de objeto flotará hacia la derecha en el elemento padre |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | ninguna |
|---|---|
| Valor de retorno: | 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";
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: Flotador CSS
<Estilo de objeto