Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad float especifica si o no una caja (an element) debe flotar.
Note: elementos posicionados absolutamente omite la propiedad float!
| Valor por defecto: | none |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.cssFloat="left" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
sintaxis CSS
float: none|left|right|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| none | El elemento no se hace flotar, y se muestra justo donde se encuentra en el texto. Esto es por defecto | Juegalo " |
| left | El elemento de flota a la izquierda | Juegalo " |
| right | El elemento flota la derecha | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Más ejemplos
Deje que la primera letra de un flotador párrafo a la izquierda
Deje que la primera letra de un flotador párrafo a la izquierda y el estilo de la letra.
Creación de un menú horizontal
Utilice flotador con una lista de hipervínculos para crear un menú horizontal.
La creación de una página web sin tablas
Utilice flotador para crear una página de inicio con un encabezado, pie de página, el contenido de la izquierda y la página principal.
Páginas relacionadas
CSS tutorial: Flotador CSS
Referencia HTML DOM: cssFloat property