padding
Misol
<div> elementining ichki bo‘shliqini (padding) o‘rnating:
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";O‘zingiz sinab ko‘ring »
Tavsif
padding xususiyati elementning ichki bo‘shliqini (padding) o‘rnatadi yoki qaytaradi.
Bu xususiyat birdan to‘rttagacha qiymat qabul qilishi mumkin:
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.
- Bitta qiymat, masalan: div {padding: 50px} - to‘rtala tomonning ichki bo‘shlig‘i 50px bo‘ladi
- Ikkita qiymat, masalan: div {padding: 50px 10px} - yuqori va pastki ichki bo‘shliq 50px, chap va o‘ng ichki bo‘shliq 10px bo‘ladi
- Uchta qiymat, masalan: div {padding: 50px 10px 20px} - yuqori ichki bo‘shliq 50px, chap va o‘ng ichki bo‘shliq 10px, pastki ichki bo‘shliq 20px bo‘ladi
- To‘rtta qiymat, masalan: div {padding: 50px 10px 20px 30px} - yuqori ichki bo‘shliq 50px, o‘ng ichki bo‘shliq 10px, pastki ichki bo‘shliq 20px, chap ichki bo‘shliq 30px bo‘ladi
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| padding | Ha | Ha | Ha | Ha | Ha |
Sintaksis
padding xususiyatini qaytarish:
object.style.padding
padding xususiyatini o‘rnatish:
object.style.padding = "%|length|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| % | Ichki bo‘shliqni ota element kengligiga nisbatan % da belgilaydi |
| length | 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 ichki bo‘shliqini (padding) ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementining to‘rt tomonidagi ichki bo‘shliqni "25px" ga o‘zgartiring:
document.getElementById("myDiv").style.padding = "25px";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining ichki bo‘shliqini qaytaring:
alert(document.getElementById("myDiv").style.padding);
O‘zingiz sinab ko‘ring »
Misol
margin xususiyati va padding xususiyati o‘rtasidagi farq:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS padding
CSS ma’lumotnomasi: padding xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!