Масово задаване на стилове в 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';