float

Decide a qué lado del objeto fluye el texto.

Sintaxis

{ float: sFloat }

Valores posibles

sFloat

Cadena que especifica o recibe uno de los valores siguientes:

none	Valor predeterminado. El objeto se muestra donde aparece en el texto.
left	El texto fluye a la derecha del objeto.
right	El texto fluye a la izquierda del objeto.
inside	Se aplica a un diseño de libro. El elemento fluye hacia la derecha de la página izquierda y hacia la izquierda de la página derecha.
outside	Se aplica a un diseño de libro. El elemento fluye hacia la izquierda de la página izquierda y hacia la derecha de la página derecha.
page	El flujo del elemento está determinado por el área de la página, que es la raíz de flujo del elemento.
multicol	El flujo del elemento está determinado por el elemento que incluye una propiedad float: multicol .
intrude	El elemento puede invadir las columnas que lo rodean.
unless-room	El diseño del elemento omitirá la propiedad float a menos que cause un salto de página.
top	El elemento flota en la parte superior de la raíz de flujo.
bottom	El elemento flota en la parte inferior de la raíz de flujo.
next	El elemento flota en la parte superior de la siguiente página.
page(p)	El elemento flota en la página designada por p, que se crea mediante la propiedad page(p) , específicamente con la finalidad de mostrar el elemento.
hide	El elemento no se muestra (como si no se hubiera establecido display: none ).

Esta propiedad tiene el valor predeterminado none . No se hereda.

Observaciones

Con el valor left o right , se trata el objeto a nivel de bloque, es decir, se omite la propiedad display . Por ejemplo, los párrafos flotantes permiten que los párrafos aparezcan uno junto al otro en una página.

Los objetos que siguen a un objeto flotante se mueven con respecto a la posición del objeto flotante.

El objeto flotante se desplaza hacia la izquierda o la derecha hasta que llega a border , padding o margin de otro objeto a nivel de bloque.

Los objetos div y span deben tener establecido width en la propiedad float para poder representarse.

Ejemplos

En este ejemplo se muestra cómo afecta la propiedad float al flujo del texto. La imagen de esfera flota hacia la izquierda del texto y el cono flota hacia la derecha:

<img src="sphere.jpg" style="float:left">
<img src="cone.jpg" style="float:right">

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)) .

Aplicable a

a, address, applet, b, big, blockquote, button, center, cite, code, custom, dd, defaults, dfn, div, dl, dt, em, embed, fieldset, form, hn, hr, i, iframe, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, li, object, ol, p, rt, ruby, s, select, span, sub, table, tt, u, ul, var, xmp

Vea también

Conceptos

clear
display

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.