Proprietà CSS clear

Definizione e uso

L'attributo clear specifica quale lato dell'elemento non permette la presenza di altri elementi fluttuanti.

Spiegazione

L'attributo clear definisce quale lato dell'elemento non permette la presenza di altri elementi fluttuanti. In CSS1 e CSS2, questo viene realizzato automaticamente aumentando il margine superiore esterno dell'elemento di cancellazione (ovvero l'elemento che ha impostato l'attributo clear). In CSS2.1, viene aggiunto uno spazio di cancellazione sopra il margine esterno superiore dell'elemento, senza cambiare il margine stesso. Qualunque sia il cambiamento, il risultato finale è lo stesso: se viene specificato il lato sinistro o destro di cancellazione, il margine superiore esterno dell'elemento sarà esattamente sotto il margine esterno inferiore degli elementi fluttuanti su quel lato.

Vedi anche:

Tutorial CSS:Posizionamento CSS

Manuale di riferimento HTML DOM:Attributo clear

Esempio

Non sono permessi elementi fluttuanti a sinistra e a destra dell'immagine:

img
  {
  float:left;
  clear:both;
  }

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
left Non sono permessi elementi fluttuanti sul lato sinistro.
right Non sono permessi elementi fluttuanti sul lato destro.
both Non sono permessi elementi fluttuanti su entrambi i lati.
nessuna Valore predefinito. Permette agli elementi fluttuanti di apparire su entrambi i lati.
inherit Definisce che il valore dell'attributo clear dovrebbe essere ereditato dal genitore.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.clear="left"

Esempio TIY

Eliminazione degli elementi laterali
Questo esempio dimostra come utilizzare l'eliminazione degli elementi fluttuanti laterali.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0