CSS clear eigenschap

Definitie en gebruik

De clear eigenschap bepaalt welke zijde van het element geen andere floating elements mag tonen.

Verklaring

De clear eigenschap definieert welke kant van het element geen floating elements mag tonen. In CSS1 en CSS2 wordt dit bereikt door automatisch een bovenste buitendiameter toe te voegen aan het element dat de clear eigenschap heeft ingesteld. In CSS2.1 wordt er een schone ruimte boven de bovenste buitendiameter toegevoegd, zonder dat de marge zelf wordt veranderd. Wat ook gebeurt, het uiteindelijke resultaat is altijd hetzelfde: als wordt aangegeven dat links of rechts moet worden gewist, zal de bovenste rand van het element precies onder de onderste buitendiameter van de floating elementen liggen.

Zie ook:

CSS handleiding:CSS positie

HTML DOM referentiehandleiding:clear eigenschap

Voorbeeld

Floating elements zijn niet toegestaan aan de linker- en rechterkant van het beeld:

img
  {
  float:left;
  clear:both;
  }

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
left Floating elements zijn niet toegestaan aan de linker kant.
right Floating elements zijn niet toegestaan aan de rechterkant.
both Floating elements zijn niet toegestaan aan beide kanten.
geen Standaardwaarde. Laat floating elements aan beide kanten verschijnen.
inherit Het wordt voorgeschreven dat de waarde van de clear-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: geen
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.clear="left"

TIY voorbeeld

Wissen van de zijkanten van het element
Dit voorbeeld demonstreert hoe je floating elements aan de zijkanten van een element kunt wissen.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

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