HTML DOM cssFloat गुण का उपयोग किसी तत्व के क्षैतिज संरेखण को सेट करने या प्राप्त करने के लिए किया जाता है। आप तत्व को बाएं या दाएं तैर सकते हैं -
−
. के लिए वाक्य रचना निम्नलिखित हैcssFloat प्रॉपर्टी सेट करना -
object.style.cssFloat = "left|right|none|initial|inherit"
उपरोक्त संपत्ति मूल्यों को इस प्रकार समझाया गया है -
| मान <वें>विवरण | |
|---|---|
| कोई नहीं | यह डिफ़ॉल्ट मान है और तत्व तैरता नहीं है। |
| बाएं | इससे तत्व पैरेंटलेमेंट की सबसे बाईं ओर तैरता है। |
| दाएं | इससे तत्व पैरेंटलेमेंट की सबसे दाईं ओर तैरता है। |
| आरंभिक | इस गुण को प्रारंभिक मान पर पूर्वनिर्धारित करना। |
| इनहेरिट करें | मूल संपत्ति मान को विरासत में मिला |
आइए cssFloat प्रॉपर्टी के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
#DIV1 {
height: 50px;
width: 50px;
margin: 5px;
float: left;
background-color: rebeccapurple;
}
div+p{
height:70px;
color: red;
border: 2px solid #b8860b;
}
</style>
<script>
function changeFloat() {
document.getElementById("DIV1").style.float = "right";
document.getElementById("Sample").innerHTML="The div element will now be floated to right";
}
</script>
<body>
<div id="DIV1"></div>
<p>This is a sample paragraph. Here is another line in this paragraph. Here is the third line in the paragraph. </p>
<p>Change the above div float property by clicking the below button</p>
<button onclick="changeFloat()">Change Float</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
“फ्लोआ बदलें . क्लिक करने पर t” बटन -
