CSS clear egenskap

Definition och användning

clear-attributet definierar vilket håll av elementet som inte får ha andra flytande element.

Förklaring

clear-attributet definierar vilken sida av elementet som inte får ha flytande element. I CSS1 och CSS2 uppnås detta genom att automatiskt lägga till en övre marginal till det rensande elementet (det vill säga element som har satt clear-attributet). I CSS2.1 läggs det till en rensningsutrymme ovanpå den övre marginalen, utan att marginalet själv ändras. Oavsett vilket förändringssätt som används är det slutliga resultatet detsamma: om det deklareras som vänster eller höger rensning kommer elementets övre kant att ligga precis under den nedre marginalen för flytande elementet på den aktuella sidan.

Se också:

CSS-handbok:CSS-positionering

HTML DOM-referenshandbok:clear-attributet

Exempel

Inga flytande element tillåts på vänster och höger sida av bilden:

img
  {
  float:left;
  clear:both;
  }

Prova själv

CSS-syntax

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

Attributvärde

Värde Beskrivning
vänster Inga flytande element tillåts på vänster sida.
höger Inga flytande element tillåts på höger sida.
båda Inga flytande element tillåts på båda sidor.
inget Standardvärde. Tillåter flytande element på båda sidor.
inherit Detaljerar att clear-attributets värde bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: inget
Ärvning: nej
Version: CSS1
JavaScript-syntax: object.style.clear="left"

TIY-exempel

Rensa elementets sidor
Detta exempel visar hur du använder att rensa flytande element från elementets sidor.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som fullständigt stöder egenskapen.

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