Style paddingTop 属性

定义和用法

paddingTop Asettaa tai palauttaa elementin yläsisennyksen.

Sisennyksen ominaisuudet määrittelevät tilan elementin reunan ja sisällön välillä.

margin-ominaisuus ja Padding-ominaisuus Kaikki lisäävät tilaa elementin ympärille. Mutta ero on siinä, että margin lisää tilaa reunan ympärille, kun taas padding lisää tilaa elementin reunan sisälle.

Lisäksi:

CSS -opetusohjelma:CSS sisätila

CSS -viittausoppikirja:padding-top -ominaisuus

HTML DOM -viittausoppikirja:Padding-ominaisuus

Esimerkki

Esimerkki 1

Aseta <div> -elementin yläsisennyksen:

document.getElementById("myDiv").style.paddingTop = "50px";

Kokeile itse

Esimerkki 2

Palauta <div> -elementin yläsisennyksen "normal"-tilaan:

document.getElementById("myDiv").style.paddingTop = "0px";

Kokeile itse

Esimerkki 3

Palauta <div> -elementin yläsisennyksen

alert(document.getElementById("myDiv").style.paddingTop);

Kokeile itse

Esimerkki 4

marginTop ja paddingTop ero

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

Kokeile itse

Syntaksi

Palauta paddingTop-ominaisuus:

object.style.paddingTop

Aseta paddingTop-ominaisuus:

object.style.paddingTop = "%|length|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
% Määritä yläsisennyksen pituus vanhemman elementin leveyden prosentteina.
length Määritä yläsisennyksen pituus yksiköillä.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Periisi vanhemmalta elementiltä tämän ominaisuuden. inherit.

Tekninen tarkistus

Oletusarvo: 0
Palautusarvo: Merkkijono, joka ilmaisee elementin yläsisennyksen.
CSS versio: CSS1

Selaimeen tuettu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki