Массовая установка стилей в 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';
