Skip to main content

Visit Mozilla.org

CSS:float

De MDC

« Referência CSS

[editar] 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.

[editar] Sintaxe

float: left | right | none | inherit

[editar] 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.

[editar] Exemplos

Predefinição:CSSRefExampleLink 

<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>

[editar] Notas

TODO: deve explicar como os flutuantes se posicionam. Mencionar o contexto de formatação de bloco.

[editar] Especificações

[editar] Compatibilidade com navegadores

Navegador Versão mais antiga
Internet Explorer 4
Netscape 4
Opera 3.5

[editar] Veja também

clear, display, position, float

Retirado de "http://developer.mozilla.org/pt/docs/CSS:float"