Барои арзишҳои CSS дар JavaScript кушода кардан

Ҳангоми хондани хосияти style хосиятҳои кӯтоҳнавишти CSS ба хосиятҳои пурраи худ кушода мешаванд. Биёед бубинем, ки чӣ маъно дорад. Фарз мекунем, ки барои ҳама тарафҳо фосила муайян карда шудааст:

javascriptelem.style.margin = '20px';

Онро чоп кунем:

javascriptconsole.log(elem.style.margin); // '20px' чоп мекунад;

Дар ин ҳол, хондани хосиятҳо барои тарафҳои индивидуалӣ низ дастрас хоҳад буд:

javascriptconsole.log(elem.style.marginLeft); // '20px' чоп мекунад;
Задание 1

Див дода шудааст:

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

Тугма низ дода шудааст. Бо клик кардан ба тугма қатрои ҳудуд, навъи он ва ранги онро чоп кунед.