paddingTop

Misol

<div> elementining yuqori ichki bo‘shliqini o‘rnating:

document.getElementById("myDiv").style.paddingTop = "50px";
O‘zingiz sinab ko‘ring »

ULASHISH

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!