CSS clear egenskab

Definisjon og bruk

clear egenskapen bestemmer hvilken side av elementet som ikke skal ha andre flytende elementer.

Beskrivelse

clear egenskapen definerer hvilken side av elementet som ikke skal ha flytende elementer. I CSS1 og CSS2 oppnås dette ved å automatisk legge til en topp kantlinje til det som skal renses (dvs. elementet som har satt clear-egenskapen). I CSS2.1 legges det til en rensingsrom over topp kantlinjen, mens kantlinjen selv ikke endres. Uansett hvilken endring som gjøres, resultatet er det samme: Hvis det er deklarert som venstre eller høyre rensing, vil elementets topp kantlinje være under den flytende kantlinjens nedre kantlinje på den siden.

Se også:

CSS Læringsveiledning:CSS Posisjon

HTML DOM Referansehåndbok:clear egenskapen

Eksempel

Begge sider av bildets venstre og høyre skal ikke ha flytende elementer:

img
  {
  float:left;
  clear:both;
  }

Prøv selv

CSS Syntax

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

Egenskapsverdi

Verdi Beskrivelse
Høyre Høyre
Venstre Venstre
Høyre Begge sider
ingen Standardverdi. Tillater flytende elementer på begge sider.
inherit Definerer at clear-egenskapen skal arves fra foreldrelementet.

Teknisk detalj

Standardverdi: ingen
Arv: nei
Versjon: CSS1
JavaScript Syntax: object.style.clear="left"

TIY Eksempel

Fjern flytende elementer fra elementets side
Dette eksempelet viser hvordan du kan fjerne flytende elementer fra siden av et element.

Nettleserstøtte

Tallene i tabellen angiver den første nettleseren som fullt ut støtter egenskapen.

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