Propiedad clara de CSS
Ejemplo
El elemento <p> se empuja debajo de los elementos flotantes a la izquierda (el elemento <p> no permite elementos flotantes en el lado izquierdo):
img
{
float: left;
}
p.clear
{
clear: left;
}
Definición y uso
La clear
propiedad controla el flujo junto a los elementos flotantes.
La clear
propiedad especifica lo que debería suceder con el elemento que está al lado de un elemento flotante.
Consejo: también mire la propiedad.
float
Valor por defecto: | ninguna |
---|---|
Heredado: | No |
Animable: | No. Leer sobre animable |
Versión: | CSS1 |
Sintaxis de JavaScript: | objeto .style.clear="ambos" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
clear | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
Sintaxis CSS
clear: none|left|right|both|initial|inherit;
Valores de propiedad
Value | Description |
---|---|
none | Default. The element is not pushed below left or right floated elements |
left | The element is pushed below left floated elements |
right | The element is pushed below right floated elements |
both | The element is pushed below both left and right floated elements |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Tutorial de CSS: CSS flotante
Referencia HTML DOM: propiedad clara