Хосияти clear

Хосияти clear обтекании як унвонро бо унвонҳои дигар, ки бо хосияти float муайян шудааст, бекор мекунад. Метавонад қиматҳои зеринро қабул кунад: none (таъсири худро бекор мекунад), both (float-ро ҳамзамон аз рост ва чап бекор мекунад), left (float-ро аз чап бекор мекунад), right (float-ро аз рост бекор мекунад).

Синтаксис

интихобкунанда {
	clear: none ё left ё right ё both
}

Намуна

Биёед обтекании тасвирро бо матн аз тарафи чап бекор кунем:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		матн матн матн матн матн матн
		матн матн матн матн матн матн
		матн матн матн матн матн матн
		матн матн матн матн матн матн
	</p>
</div>

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

Намуна

Ҳоло биёед обтекании тасвирро бо матн аз тарафи рост бекор кунем:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		матн матн матн матн матн матн
		матн матн матн матн матн матн
		матн матн матн матн матн матн
		матн матн матн матн матн матн
	</p>
</div>

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

Намуна

Биёед таъсири худи хосияти clear-ро бекор кунем:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		матн матн матн матн матн матн
		матн матн матн матн матн матн
		матн матн матн матн матн матн
		матн матн матн матн матн матн
	</p>
</div>

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

Инчунин нигаред

хосияти bottom,
ки мавқеи канори поёнии унвонро муайян мекунад
хосияти top,
ки мавқеи канори болоӣ унвонро муайян мекунад
хосияти left,
ки мавқеи канори чапи унвонро муайян мекунад
хосияти right,
ки мавқеи канори рости унвонро муайян мекунад
сохтэлемент ::backdrop,
ки мавқеъгузории баъди аввалин унвонро муайян мекунад
хосияти caption-side,
ки мавқеи сарлавҳаи ҷадвалро муайян мекунад