marginTop
Misol
<div> elementining yuqori tashqi bo‘shliqini (margin) o‘rnating:
document.getElementById("myDiv").style.marginTop = "50px";O‘zingiz sinab ko‘ring »
Tavsif
marginTop xususiyati elementning yuqori 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 | |||||
|---|---|---|---|---|---|
| marginTop | Ha | Ha | Ha | Ha | Ha |
Sintaksis
marginTop xususiyatini qaytarish:
object.style.marginTop
marginTop xususiyatini o‘rnatish:
object.style.marginTop = "%|length|auto|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| % | Yuqori tashqi bo‘shliqni ota element kengligiga nisbatan % da belgilaydi |
| length | Yuqori tashqi bo‘shliqni uzunlik birliklarida belgilaydi |
| auto | Yuqori 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 yuqori tashqi bo‘shliqini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementining yuqori tashqi bo‘shliqini yana "normal" ga o‘zgartiring:
document.getElementById("myDiv").style.marginTop = "0px";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining yuqori tashqi bo‘shliqini qaytaring:
alert(document.getElementById("myDiv").style.marginTop);
O‘zingiz sinab ko‘ring »
Misol
marginTop va paddingTop o‘rtasidagi farq:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS margin
CSS ma’lumotnomasi: margin-top xususiyati
HTML DOM ma’lumotnomasi: margin xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!