English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo clear de CSS especifica qué lado del elemento no permite elementos flotantes.Aprende más.
La tabla siguiente proporciona una descripción del uso y el historial de versiones de este atributo, así como la sintaxis de su uso en scripts de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Aplique a: | Todos los elementos |
| Herencia: | No |
| Animable: | No Ver Atributos de animación。 |
| Versión: | CSS 1，2，3 |
| Sintaxis de JavaScript: | object.style.clear="left" |
La sintaxis de este atributo es la siguiente:
clear: left | right | auto | both | none | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo clear.
clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}Prueba aquí‹/›La tabla siguiente describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| left | El elemento se mueve hacia abajo para eliminar el flotante left anterior. |
| right | El elemento se mueve hacia abajo para eliminar el flotante right anterior. |
| both | El elemento se mueve hacia abajo para eliminar ambos flotantes left y right. |
| auto | No eliminar ningún elemento flotante anterior. Este es el valor predeterminado. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado adopta el valor del atributo clear del elemento padre. |
La compatibilidad del navegador del atributo clear, los números en la tabla siguiente representan la versión más baja del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Ver tutorial:CSS Float。
Atributos relacionados:float。