CSS: Borrar propiedad

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

Etiqueta para borrar cualquier elemento flotante a la izquierda antes de él en el documento HTML.

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

Etiqueta para borrar todos los elementos flotantes a la derecha antes de él en el documento HTML.

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

etiqueta para borrar los elementos flotantes a la izquierda y a la derecha en un documento HTML.