float

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

View Live Examples

<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

Document Tags and Contributors

Contributors to this page: Verruckt, Luis Henrique Sousa
Last updated by: Verruckt,