CSS clear ominaisuus

Määrittely ja käyttö

clear-ominaisuus määrittää, millä sivulla elementissä ei sallita muita liukuvia elementtejä.

Selitys

clear-ominaisuus määrittää, millä sivulla elementissä ei sallita muita liukuvia elementtejä. CSS1 ja CSS2:ssa tämä toteutetaan automaattisesti lisäämällä ulkoiseen reunaväliin yläreuna. CSS2.1:ssä lisätään ulkoiseen reunaväliin erillinen tyhjä tila, mutta ulkoiseen reunaväliin ei tehdä muutoksia. Riippumatta siitä, mikä muutos tehdään, lopputulos on sama: jos määritellään vasemmalle tai oikealle poisto, elementin yläreunaväli rajoittuu juuri liukuvan elementin alareunaväliin.

Katso myös:

CSS-opas:CSS-sijoittelu

HTML DOM -viittausopas:clear-ominaisuus

Esimerkki

Elementin vasemmalla ja oikealla puolella ei saa olla liukuvia elementtejä:

img
  {
  float:left;
  clear:both;
  }

Kokeile itse

CSS-syntax

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

Ominaisuuden arvo

Arvo Kuvaus
left Vasemmalla puolella ei sallita liukuvia elementtejä.
right Oikealla puolella ei sallita liukuvia elementtejä.
both Molemmilla puolilla ei sallita liukuvia elementtejä.
ei ole Oletusarvo. Sallii liukuvien elementtien ilmestyä molemmilla puolilla.
inherit Määritellään, että clear-ominaisuuden arvo pitäisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei ole
Perinnäisyys: ei
Versio: CSS1
JavaScript-syntax object.style.clear="left"

TIY-esimerkki

Poista elementin sivusto
Tämä esimerkki näyttää, miten voit poistaa elementin sivustan liukuvat elementit.

Selaimen tuki

Taulukossa olevat numerot viittaavat ensimmäiseen selaimeseen, joka täysin tukee kyseistä ominaisuutta.

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