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

Результат:

यह भी देखें