paddingTop
Misol
<div> elementining yuqori ichki bo‘shliqini o‘rnating:
document.getElementById("myDiv").style.paddingTop = "50px";O‘zingiz sinab ko‘ring »
Tavsif
paddingTop xususiyati elementning yuqori ichki bo‘shliqini (padding) o‘rnatadi yoki qaytaradi.
Padding xususiyatlari element chegarasi va element kontenti orasidagi bo‘sh joyni belgilaydi.
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 | |||||
|---|---|---|---|---|---|
| paddingTop | Ha | Ha | Ha | Ha | Ha |
Sintaksis
paddingTop xususiyatini qaytarish:
object.style.paddingTop
paddingTop xususiyatini o‘rnatish:
object.style.paddingTop = "%|length|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| % | Yuqori ichki bo‘shliqni ota element kengligiga nisbatan % da belgilaydi |
| length | Yuqori ichki bo‘shliqni uzunlik birliklarida belgilaydi |
| 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 ichki bo‘shliqini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementining yuqori ichki bo‘shliqini yana "normal" ga o‘zgartiring:
document.getElementById("myDiv").style.paddingTop = "0px";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining yuqori ichki bo‘shliqini qaytaring:
alert(document.getElementById("myDiv").style.paddingTop);
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 padding
CSS ma’lumotnomasi: padding-top xususiyati
HTML DOM ma’lumotnomasi: padding xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!