CSS गुणों के मानों को JavaScript में अनपैक करना
style विशेषता को पढ़ते समय संक्षिप्त
CSS गुण अपने पूर्ण गुणों में
खुल जाते हैं। आइए देखते हैं
कि इसका क्या मतलब है। मान लीजिए कि हमारे पास
सभी तरफ के लिए मार्जिन दिया गया है:
elem.style.margin = '20px';
इसे आउटपुट करते हैं:
console.log(elem.style.margin); // '20px' आउटपुट करेगा;
इसके साथ ही, अलग-अलग तरफों के लिए गुणों को पढ़ना भी उपलब्ध होगा:
console.log(elem.style.marginLeft); // '20px' आउटपुट करेगा;
एक div दिया गया है:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
एक बटन भी दी गई है। बटन पर क्लिक करने पर बॉर्डर की मोटाई, उसका प्रकार और रंग आउटपुट करें।
