การแยกค่าของคุณสมบัติ 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>
และมีปุ่มด้วย เมื่อคลิกที่ปุ่ม ให้แสดงความหนาของเส้นขอบ ประเภทของมัน และสี
