CSS aýratynlyklarynyň bahalaryny JavaScript-da açmak

style atributyny okalanda, gysga CSS aýratynlyklary öz doly aýratynlyklaryna açylýar. Näme üçin diýip, göreli. Bizde ähli tarap üçin bir boşluk berlen bolsun:

javascriptelem.style.margin = '20px';

Ony çap edeliň:

javascriptconsole.log(elem.style.margin); // '20px' çap eder;

Şol bir wagtyň özünde aýratyn tarap aýratynlyklaryny okamak hem elýeterli bolar:

javascriptconsole.log(elem.style.marginLeft); // '20px' çap eder;
Задание 1

Bir div berlen:

html<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
  text
</div>

Bir hem-de düwmä berlen. Düwmä basylanda, çäginiň galyňlygyny, tipini we rengini çap ediň.