การแยกค่าของคุณสมบัติ CSS ใน JavaScript

เมื่ออ่านแอตทริบิวต์ style แล้ว คุณสมบัติ CSS แบบย่อจะถูกแยกออกเป็น คุณสมบัติแบบเต็มของมัน มาดูกันว่า หมายถึงอะไร สมมติว่าเรากำหนด ระยะห่างสำหรับทุกด้าน:

javascriptelem.style.margin = '20px';

ลองแสดงค่าของมัน:

javascriptconsole.log(elem.style.margin); // จะแสดง '20px';

ในขณะเดียวกัน การอ่านคุณสมบัติสำหรับแต่ละด้าน ก็จะสามารถทำได้เช่นกัน:

javascriptconsole.log(elem.style.marginLeft); // จะแสดง '20px';

html<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
  text
</div>