CSS floatPropiedad
Ejemplo
Haz flotar la imagen hacia la derecha:
img
{
float:right;
}
{
float:right;
}
Pruébalo »
Hay más ejemplos en la parte inferior de esta página.
Definición de la propiedad y descripción de uso
La propiedad float especifica si un cuadro (elemento) debe flotar.
Nota:¡Los elementos con posición absoluta ignoran la propiedad float!
| Valor por defecto: | none |
|---|---|
| Herencia: | no |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object.style.cssFloat="left" |
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que admite la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Valores de la propiedad
| Valor | Descripción |
|---|---|
| left | El elemento flota hacia la izquierda. |
| right | El elemento flota hacia la derecha. |
| none | Valor por defecto. El elemento no flota y se muestra en la posición donde aparece en el texto. |
| inherit | Especifica que el valor de la propiedad float debe heredarse del elemento padre. |
Más ejemplos
Haz flotar la primera letra del párrafo a la izquierda y añade estilos a esta letra.
Utiliza la propiedad float para crear una lista de enlaces para un menú horizontal.
Utiliza la propiedad float para crear una página de inicio con encabezado, pie de página, índice izquierdo y contenido principal.
Artículos relacionados
Tutorial de CSS:CSS Float
Otras extensiones