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 касиети,
таблицанын наамынын позициясын белгилейт