Omadus clear
Omadus clear tühistab
ühe elemendi voolamise teistest,
mis on määratud omadusega float.
Võib võtta järgmised väärtused:
none (tühistab iseenda tegevuse),
both (tühistab float korraga paremalt ja vasakult),
left (tühistab float vasakult), right (tühistab
float paremalt).
Süntaks
selektor {
clear: none või left või right või both
}
Näide
Tühistame pildi ümber voolava teksti vasakult:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: left;
padding-right: 10px;
}
.txt {
clear: left;
}
:
Näide
Nüüd tühistame pildi ümber voolava teksti paremalt:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: right;
}
:
Näide
Tühistame omaduse clear
iseenda tegevuse:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: none;
}
:
Vaata ka
-
omadus
bottom,
mis määrab elemendi alumise serva asukoha -
omadus
top,
mis määrab elemendi ülemise serva asukoha -
omadus
left,
mis määrab elemendi vasakpoolse serva asukoha -
omadus
right,
mis määrab elemendi parempoolse serva asukoha -
pseudoelement
::backdrop,
mis määrab asukoha pärast esimest elementi -
omadus
caption-side,
mis määrab tabeli pealkirja asukoha