clear Özelliği

clear özelliği, bir elemanın float özelliği ile belirlenen diğer elemanlar tarafından sarılmasını iptal eder. Şu değerleri alabilir: none (kendi eylemini iptal eder), both (hem sağdan hem de soldan float'ı iptal eder), left (soldan float'ı iptal eder), right (sağdan float'ı iptal eder).

Sözdizimi

cssseçici {
  clear: none veya left veya right veya both
}

Örnek

Resmin soldan metinle sarılmasını iptal edelim:

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

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

Результат:

Örnek

Şimdi resmin sağdan metinle sarılmasını iptal edelim:

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

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

Результат:

Örnek

clear özelliğinin kendi eylemini iptal edelim:

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

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

Результат:

Ayrıca Bakınız