Clear касиети

clear касиети бир элементтин башка элементтер менен float касиети аркылуу белгиленген айланышын жокко чыгарат. Ал төмөнкү маанилерди кабыл ала алат: none (өзүнүн аракетин жокко чыгарат), both (float'ту оң жана сол жактан бир мезгилде жокко чыгарат), left (сол жактан float'ту жокко чыгарат), right (оң жактан float'ту жокко чыгарат).

Синтаксис

cssселектор {
  clear: none же left же right же both
}

Мисал

Сүрөттүн сол жактан текст менен айланышын жокко чыгаралы:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    текст текст текст текст текст текст
    текст текст текст текст текст текст
    текст текст текст текст текст текст
    текст текст текст текст текст текст
  </p>
</div>

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

Результат:

Мисал

Эми сүрөттүн оң жактан текст менен айланышын жокко чыгаралы:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    текст текст текст текст текст текст
    текст текст текст текст текст текст
    текст текст текст текст текст текст
    текст текст текст текст текст текст
  </p>
</div>

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

Результат:

Мисал

clear касиетинин өз аракетин жокко чыгаралы:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    текст текст текст текст текст текст
    текст текст текст текст текст текст
    текст текст текст текст текст текст
    текст текст текст текст текст текст
  </p>
</div>

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

Результат:

Ошондой эле караңыз