English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

Método de uso e exemplo do atributo float do CSS

A propriedade float do CSS especifica se uma caixa deve flutuar para a esquerda, para a direita ou não flutuar.

A tabela a seguir fornece a descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:none
Aplicável a:Todos os elementos
Herança:Nenhum
Animável:Não.Por favor, consulte Atributos de animação
Versão:CSS 1,2,3
Sintaxe JavaScript:object.style.cssFloat="right"

Sintaxe de uso do float

A sintaxe dessa propriedade é a seguinte:

float: left | right | none | initial | inherit

Os exemplos a seguir demonstram como usar o atributo float.

  p.red {
   float: left;
  }
  p.green {
   float: right;
  }
Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
leftO elemento flutua para a esquerda. O conteúdo flui para a direita a partir do topo da caixa.
rightSemelhante ao left, a diferença é que a caixa flutua no lado direito, o conteúdo começa no lado esquerdo da caixa, começando pelo topo.
noneEste caixa não flutua. Este é o valor padrão.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o valor do atributo float do pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo float, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

Leia mais

Por favor, consulte a seguinte tutorial:Float do CSSAlinhamento do CSS

Atributos relacionados à posição:positiontoprightbottomleftdisplayclear