Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: Borrar propiedad
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada claro Con sintaxis y ejemplos.
describir
La propiedad clear de CSS define si los elementos de nivel de bloque se deben mover hacia abajo en la página HTML para borrar los elementos flotantes.
sintaxis
La sintaxis para la propiedad clear CSS es:
clear: value;
parámetro o parámetro
valor
La posición del elemento flotante para borrar. Puede ser uno de los siguientes:
valor | describir |
---|---|
permanecer | El elemento se mueve hacia abajo para borrar el elemento flotante a la izquierda div { claro: izquierda; } |
derecho | El elemento se mueve hacia abajo para borrar el elemento flotante a la derecha div {explícito: verdadero;} |
ambos | El elemento se mueve hacia abajo para borrar los elementos flotantes a la derecha y a la izquierda div { claro: ambos; } |
no cualquiera | Los elementos no se mueven hacia abajo para borrar los elementos flotantes div {claro: ninguno;} |
heredar | El elemento heredará la compensación de su elemento principal div {claro: heredar;} |
notas
- Utilice la propiedad CSS clear para especificar si los elementos a nivel de bloque deben estar al lado de los elementos flotantes o si deben moverse hacia abajo en la página HTML para borrar los elementos flotantes.
- Consulte las propiedades flotantes de CSS para aprender a hacer flotantes los elementos.
Compatibilidad del navegador
La propiedad CSS clear tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad clear a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
usar a la izquierda
Veamos un ejemplo claro de CSS en el que queremos borrar elementos flotantes a la izquierda.
div { clear: left; }
En este claro ejemplo de CSS, establecemos
derecho de uso
Veamos un ejemplo claro de CSS en el que queremos borrar el elemento flotante a la derecha.
div { clear: right; }
En este claro ejemplo de CSS, establecemos
usar ambos
Veamos un ejemplo claro de CSS en el que queremos borrar todos los elementos flotantes a la izquierda y a la derecha.
div { clear: both; }
En este claro ejemplo de CSS, establecemos