Resumo
A propriedade float especifica se um elemento deve flutuar pelo lado direito, pelo esquerdo ou não flutuar, onde os elementos inline envolverão ao redor dele.
- Valor inicial: none;
- Aplica-se a: todos elementos;
- Herdado: não;
- Valor computado: como especificado.
Um elemento flutuante é um elemento onde o valor computado é diferente de none.
Note que se você estiver referenciando a esta propriedade do JavaScript como um membro do objeto element.style, você precisa escrever isto em cssFloat (veja a lista do DOM:CSS). Note também que para o IE você precisa escrever styleFloat.
Sintaxe
float: left | right | none | inherit
Valores
- left : O elemento flutua pelo lado esquerdo de um bloco;
- right : O elemento flutua pelo lado direito de um bloco;
- none : O elemento não flutua.
Exemplos
<html>
<head>
<style type="text/css">
b
{
font-size: 25px;
float:right;
}
</style>
</head>
<body>
<p>
<b>HELLO!</b>
Isto é algum texto. Isto é algum texto. Isto é algum texto.
Isto é algum texto. Isto é algum texto. Isto é algum texto.
Isto é algum texto. Isto é algum texto. Isto é algum texto.
Isto é algum texto. Isto é algum texto. Isto é algum texto.
Isto é algum texto. Isto é algum texto. Isto é algum texto.
Isto é algum texto. Isto é algum texto. Isto é algum texto.
Isto é algum texto. Isto é algum texto. Isto é algum texto.
Isto é algum texto. Isto é algum texto. Isto é algum texto.
</p>
</body>
</html>
Notas
TODO: deve explicar como os flutuantes se posicionam. Mencionar o contexto de formatação de bloco.
Especificações
Compatibilidade com navegadores
| Navegador | Versão mais antiga |
|---|---|
| Internet Explorer | 4 |
| Netscape | 4 |
| Opera | 3.5 |
Veja também
clear,
display,
position,
float
Categorias
Interwiki Language Links