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;
}

Результат:

Шунингдек қаранг