CSS Özellik Değerlerinin JavaScript'te Açılması
style özniteliği okunurken, kısaltılmış
CSS özellikleri kendi tam özelliklerine
açılır. Ne demek istediğimize bir göz atalım.
Tüm kenarlar için bir boşluk belirlenmiş
olsun:
elem.style.margin = '20px';
Onu yazdıralım:
console.log(elem.style.margin); // '20px' yazdırır;
Bu durumda, ayrı ayrı kenarlar için özelliklerin okunması da mümkün olacaktır:
console.log(elem.style.marginLeft); // '20px' yazdırır;
Bir div verilmiş:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Ayrıca bir buton verilmiş. Butona tıklandığında kenarlık kalınlığını, tipini ve rengini yazdırın.
