Clear xassasi

clear xassesi bir elementin digerleri terefinden float xassesi ile teyin edilen wrapping-i legv edir. Asagidaki qiymetleri ala biler: none (oz hereketini legv edir), both (float-i eyni zamanda sagdan ve soldan legv edir), left (soldan float-i legv edir), right (sagdan float-i legv edir).

Sintaksis

cssselektor {
  clear: none ve ya left ve ya right ve ya both
}

Numune

Gelin soldan seklin metnle qursanmasini legv edek:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    metn metn metn metn metn metn
    metn metn metn metn metn metn
    metn metn metn metn metn metn
    metn metn metn metn metn metn
  </p>
</div>

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

Результат:

Numune

Indi ise sagdan seklin metnle qursanmasini legv edek:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    metn metn metn metn metn metn
    metn metn metn metn metn metn
    metn metn metn metn metn metn
    metn metn metn metn metn metn
  </p>
</div>

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

Результат:

Numune

Gelin clear xassesinin oz hereketini legv edek:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    metn metn metn metn metn metn
    metn metn metn metn metn metn
    metn metn metn metn metn metn
    metn metn metn metn metn metn
  </p>
</div>

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

Результат:

Hemcinin bax