სტილების მასობრივი მინიჭება JavaScript-ში

შესაძლებელია ერთდროულად რამდენიმე სტილის მინიჭება ერთი ბრძანებით. ეს ხდება cssText თვისების მეშვეობით:

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

ეს თვისება იშვიათად გამოიყენება, რადგან ასეთი მინიჭება შლის ყველა არსებულ სტილს: ის არ ამატებს, არამედ ცვლის მათ. შესაძლებელია შემთხვევით წაიშალოს რაიმე საჭირო. მაგრამ მისი გამოყენება შესაძლებელია, მაგალითად, ახალი ელემენტებისთვის, როდესაც ჩვენ ზუსტად ვიცით, რომ არსებულ სტილს არ წავშლით.

გადაწერეთ კოდი შესწავლილი თვისების გამოყენებით:

elem.style.cssText = `
	width: 100px;
	height: 100px;
	margin: 10px auto;
	color: red;
`;