marginLeft
Misol
<div> elementining chap tashqi bo‘shliqini (margin) o‘rnating:
document.getElementById("myDiv").style.marginLeft = "50px";O‘zingiz sinab ko‘ring »
Tavsif
marginLeft xususiyati elementning chap tashqi bo‘shliqini (margin) o‘rnatadi yoki qaytaradi.
margin xususiyati ham, padding xususiyati ham element atrofiga bo‘sh joy qo‘shadi. Biroq farq shundaki, margin bo‘sh joyni chegara atrofiga, padding esa element chegarasining ichiga qo‘shadi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| marginLeft | Ha | Ha | Ha | Ha | Ha |
Sintaksis
marginLeft xususiyatini qaytarish:
object.style.marginLeft
marginLeft xususiyatini o‘rnatish:
object.style.marginLeft = "%|length|auto|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| % | Chap tashqi bo‘shliqni ota element kengligiga nisbatan % da belgilaydi |
| length | Chap tashqi bo‘shliqni uzunlik birliklarida belgilaydi |
| auto | Chap tashqi bo‘shliqni brauzer o‘rnatadi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | 0 |
|---|---|
| Qaytariladigan qiymat: | Elementning chap tashqi bo‘shliqini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementining chap tashqi bo‘shliqini yana "normal" ga o‘zgartiring:
document.getElementById("myDiv").style.marginLeft = "0px";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining chap tashqi bo‘shliqini qaytaring:
alert(document.getElementById("myDiv").style.marginLeft);
O‘zingiz sinab ko‘ring »
Misol
marginLeft va paddingLeft o‘rtasidagi farq:
function changeMargin() {
document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingLeft = "100px";
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS margin
CSS ma’lumotnomasi: margin-left xususiyati
HTML DOM ma’lumotnomasi: margin xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!