Clear Eienskap

Die clear eienskap kanselleer die vloei van een element deur ander, wat deur die float eienskap gespesifiseer is. Dit kan die volgende waardes aanneem: none (kanselleer die werking van homself), both (kanselleer float gelyktydig regs en links), left (kanselleer float links), right (kanselleer float regs).

Sintaksis

selektor {
	clear: none of left of right of both
}

Voorbeeld

Kom ons kanselleer die vloei van die prentjie deur teks van links af:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		teks teks teks teks teks teks
		teks teks teks teks teks teks
		teks teks teks teks teks teks
		teks teks teks teks teks teks
	</p>
</div>

.image {
	float: left;
	padding-right: 10px;
}
.txt {
	clear: left;
}

Voorbeeld

Nou laat ons die vloei van die prentjie deur teks van regs af kanselleer:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		teks teks teks teks teks teks
		teks teks teks teks teks teks
		teks teks teks teks teks teks
		teks teks teks teks teks teks
	</p>
</div>

.image {
	float: right;
	padding-right: 10px;
}
.txt {
	clear: right;
}

Voorbeeld

Kom ons kanselleer die werking van die clear eienskap self:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		teks teks teks teks teks teks
		teks teks teks teks teks teks
		teks teks teks teks teks teks
		teks teks teks teks teks teks
	</p>
</div>

.image {
	float: right;
	padding-right: 10px;
}
.txt {
	clear: none;
}

Sien ook

die bottom eienskap,
wat die posisie van die onderkant van 'n element spesifiseer
die top eienskap,
wat die posisie van die bokant van 'n element spesifiseer
die left eienskap,
wat die posisie van die linkerkant van 'n element spesifiseer
die right eienskap,
wat die posisie van die regterkant van 'n element spesifiseer
die pseudoelement ::backdrop,
wat die plasing na die eerste element spesifiseer
die caption-side eienskap,
wat die posisie van 'n tabel opskrif spesifiseer