A clear tulajdonság

A clear tulajdonság megszünteti egy elem más elemek általi körbefolyását, amelyet a float tulajdonság határoz meg. A következő értékeket veheti fel: none (megszünteti a saját hatását), both (egyszerre megszünteti a float hatását jobbról és balról), left (megszünteti a float hatását balról), right (megszünteti a float hatását jobbról).

Szintaxis

szelektor {
	clear: none vagy left vagy right vagy both
}

Példa

Szüntessük meg a kép szöveggel való körbefolyását balról:

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

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

Példa

Most pedig szüntessük meg a kép szöveggel való körbefolyását jobbról:

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

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

Példa

Szüntessük meg magának a clear tulajdonságnak a hatását:

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

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

Lásd még

a bottom tulajdonság,
amely egy elem alsó szélének pozícióját határozza meg
a top tulajdonság,
amely egy elem felső szélének pozícióját határozza meg
a left tulajdonság,
amely egy elem bal szélének pozícióját határozza meg
a right tulajdonság,
amely egy elem jobb szélének pozícióját határozza meg
a ::backdrop pszeudoelem,
amely az első elem utáni elhelyezkedést határozza meg
a caption-side tulajdonság,
amely a táblázat címének pozícióját határozza meg