Hromadné nastavovanie štýlov v JavaScripte

Je možné nastaviť naraz niekoľko štýlov jedným príkazom. To sa robí pomocou vlastnosti cssText:

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

Táto vlastnosť sa zriedka používa, pretože takéto priradenie odstráni všetky existujúce štýly: nepridáva ich, ale nahrádza. Môžete omylom odstrániť niečo potrebné. Ale možno ju použiť, naprklad pre nové prvky, keď s istotou vieme, že neodstránime existujúci štýl.

Задание 1

Prepíšte kód pomocou naučenej vlastnosti:

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