การกำหนดสไตล์แบบรวมใน JavaScript

สามารถกำหนดสไตล์หลายรายการได้ในครั้งเดียวด้วยคำสั่งเดียว ทำได้โดยใช้คุณสมบัติ cssText:

javascriptelem.style.cssText = `
  width: 100px;
  height: 100px;
  display: block;
`;

คุณสมบัตินี้ไม่ค่อยได้ใช้ เนื่องจากวิธีการกำหนดค่าแบบนี้ จะลบสไตล์ที่มีอยู่ทั้งหมดทิ้งไป: มันไม่ใช่การเพิ่ม แต่เป็นการแทนที่สไตล์ อาจทำให้เราเผลอลบ บางอย่างที่จำเป็นออกไปโดยไม่ได้ตั้งใจ แต่มันสามารถใช้ได้ สำหรับองค์ประกอบใหม่ เมื่อเรามั่นใจแน่ๆ ว่าจะไม่ได้ลบสไตล์ที่มีอยู่เดิม

javascriptelem.style.width  = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color  = 'red';