clear प्रॉपर्टी
clear प्रॉपर्टी
float प्रॉपर्टी द्वारा सेट किए गए
दूसरे एलिमेंट्स के द्वारा एक एलिमेंट के रैपिंग को कैंसल करती है।
यह निम्नलिखित वैल्यू ले सकती है:
none (खुद के एक्शन को कैंसल करती है),
both (दाएं और बाएं दोनों तरफ से float को कैंसल करती है),
left (बाएं तरफ से float को कैंसल करती है), right (दाएं तरफ से
float को कैंसल करती है)।
सिंटैक्स
सिलेक्टर {
clear: none या left या right या both
}
उदाहरण
आइए बाएं तरफ से इमेज के आसपास टेक्स्ट के रैपिंग को कैंसल करते हैं:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
</p>
</div>
.image {
float: left;
padding-right: 10px;
}
.txt {
clear: left;
}
:
उदाहरण
अब आइए दाएं तरफ से इमेज के आसपास टेक्स्ट के रैपिंग को कैंसल करते हैं:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: right;
}
:
उदाहरण
आइए clear प्रॉपर्टी के खुद के एक्शन को कैंसल करते हैं:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट टेक्स्ट
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: none;
}
:
यह भी देखें
-
bottomप्रॉपर्टी,
जो एलिमेंट के निचले किनारे की पोजीशन सेट करती है -
topप्रॉपर्टी,
जो एलिमेंट के ऊपरी किनारे की पोजीशन सेट करती है -
leftप्रॉपर्टी,
जो एलिमेंट के बाएं किनारे की पोजीशन सेट करती है -
rightप्रॉपर्टी,
जो एलिमेंट के दाएं किनारे की पोजीशन सेट करती है -
::backdropप्स्यूडोएलिमेंट,
जो पहले एलिमेंट के बाद लोकेशन सेट करता है -
caption-sideप्रॉपर्टी,
जो टेबल के हैडिंग की पोजीशन सेट करती है
