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

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

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

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

เขียนโค้ดใหม่โดยใช้คุณสมบัติที่เรียนมา:

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