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

manual de referência CSS

regras CSS @

大全 de propriedades CSS

Método de uso e exemplo do atributo clear CSS

O atributo clear CSS especifica qual lado do elemento não permite que outros elementos flutuantes sejam colocados.Aprenda mais.

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 Ver Atributos de animação.
Versão:CSS 1,2,3
Sintaxe JavaScript:object.style.clear="left"

Sintaxe de uso do clear

A sintaxe dessa propriedade é:

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

O exemplo a seguir demonstra como usar o atributo clear.

  clearfix:after {
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
   clear: both;
  }
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
leftO elemento se move para baixo para limpar o flutuante left.
rightO elemento se move para baixo para limpar o flutuante right.
bothO elemento se move para baixo para limpar os flutuantes left e right.
autoNão limpar nenhum elemento flutuante anterior. Este é o valor padrão.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o valor da propriedade clear do elemento pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo clear, os números na tabela 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 5+

  • Apple Safari 1+

  • Opera 6+

Leia mais

Veja o tutorial:Float do CSS.

Atributos relacionados:float.