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