flexBasis का प्रयोग करें एक लचीली वस्तु की प्रारंभिक लंबाई निर्धारित करने के लिए जावास्क्रिप्ट में संपत्ति। आप जावास्क्रिप्ट के साथ एक लचीली वस्तु की प्रारंभिक लंबाई निर्धारित करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: 1px solid #000000;
width: 450px;
height: 150px;
display: flex;
}
#box div {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 20px;
}
</style>
</head>
<body>
<div id = "box">
<div style = "background-color:orange;">DIV1</div>
<div style = "background-color:blue;">DIV2</div>
<div style = "background-color:yellow;" id="myID">DIV3</div>
</div>
<p>Using flexBasis property</p>
<button onclick = "display()">Set</button>
<script>
function display() {
document.getElementById("myID").style.flexBasis = "100px";
}
</script>
</body>
</html>