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 свойствоси,