Atributo clear CSS

Definição e uso

A propriedade clear define qual lado do elemento não permite que outros elementos flutuantes sejam exibidos.

Explicação

A propriedade clear define qual lado do elemento não permite que outros elementos flutuantes sejam exibidos. Em CSS1 e CSS2, isso é feito adicionando uma margem superior externa automática ao elemento que limpa (ou seja, o elemento que define a propriedade clear). Em CSS2.1, uma área de limpeza é adicionada acima da margem superior externa do elemento, sem alterar a margem em si. independentemente de qual seja a mudança, o resultado final é o mesmo: se declarado como limpeza na esquerda ou direita, a borda superior externa do elemento ficará exatamente abaixo da margem superior externa do elemento flutuante.

Veja também:

Tutorial CSS:Posicionamento CSS

Manual de referência HTML DOM:Propriedade clear

Exemplo

Não permite elementos flutuantes no lado esquerdo e direito da imagem:

img
  {
  float:left;
  clear:both;
  }

Experimente você mesmo

Sintaxe CSS

clear: none|left|right|both|initial|inherit;

Valor da propriedade

Valor Descrição
left Não permite elementos flutuantes no lado esquerdo.
right Não permite elementos flutuantes no lado direito.
both Não permite elementos flutuantes em ambos os lados.
nada Valor padrão. Permite que elementos flutuantes apareçam em ambos os lados.
inherit Define que a propriedade clear deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: nada
Herança: não
Versão: CSS1
Sintaxe JavaScript: object.style.clear="left"

TIY Exemplo

Remoção lateral do elemento
Este exemplo demonstra como usar a remoção de elementos flutuantes laterais.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0