CSS xasslərinin qiymətlərinin JavaScript-də açılması
style atributu oxunarkən qısaldılmış
CSS xassələri öz tam xassələrinə
açılır. Gəlin nəyi nəzərdə tutduğunu
görək. Tutaq ki, bizim bütün tərəflər
üçün boşluq təyin olunub:
elem.style.margin = '20px';
Onu çıxaraq:
console.log(elem.style.margin); // '20px' çıxardacaq;
Eyni zamanda ayrı-ayrı tərəflər üçün xassələrin oxunması da mümkün olacaq:
console.log(elem.style.marginLeft); // '20px' çıxardacaq;
Div verilib:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Bir düymə də verilib. Düyməyə kliklədikdə çərçivənin qalınlığını, onun növünü və rəngini çıxardın.
