Atrybut Style paddingTop
- Wsparcie Poprzednia strona
- PaddingRight Następna strona
- pageBreakAfter Obiekt Style HTML DOM
Definicja i użycie
paddingTop
Właściwość ustawia lub zwraca górny wewnętrzny margines elementu.
Właściwości wewnętrznego marginesu definiują przestrzeń między krawędzią ramki a treścią elementu.
Właściwość margin i Właściwość padding Wszędzie wokół elementu umieszczają przestrzeń. Ale różnica polega na tym, że margin umieszcza przestrzeń wokół krawędzi ramki, podczas gdy padding umieszcza przestrzeń wewnątrz ramki elementu.
Inne zasoby:
Kurs CSS:Atrybut padding-top CSS
Podręcznik CSS:Właściwość padding-top
Podręcznik HTML DOM:Właściwość padding
Przykład
Przykład 1
Ustawienie górnego wewnętrznego marginesu elementu <div>:
document.getElementById("myDiv").style.paddingTop = "50px";
Przykład 2
Przywrócenie górnego wewnętrznego marginesu elementu <div> do "normal":
document.getElementById("myDiv").style.paddingTop = "0px";
Przykład 3
Zwrócona wartość górnego wewnętrznego marginesu elementu <div>:
alert(document.getElementById("myDiv").style.paddingTop);
Przykład 4
Różnica między marginTop a paddingTop:
function changeMargin() { document.getElementById("myDiv").style.marginTop = "100px"; } function changePadding() { document.getElementById("myDiv2").style.paddingTop = "100px"; }
Gramatyka
Zwrócenie właściwości paddingTop:
object.style.paddingTop
Ustawienie właściwości paddingTop:
object.style.paddingTop = "%|length|initial|inherit"
Wartość atrybutu
Wartość | Opis |
---|---|
% | Definiuje górny wewnętrzny margines w procentach szerokości elementu nadrzędnego. |
length | Definiuje górny wewnętrzny margines za pomocą jednostki długości. |
initial | Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial. |
inherit | Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit. |
Szczegółowe informacje techniczne
Domyślna wartość: | 0 |
---|---|
Zwrócona wartość: | Ciąg znaków, który reprezentuje górny wewnętrzny margines elementu. |
Wersja CSS: | CSS1 |
Przeglądarki obsługują
Chrome | Edge | Firefox | Safari | Safari |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Safari |
Opera | Opera | Opera | Opera | Opera |
- Wsparcie Poprzednia strona
- PaddingRight Następna strona
- pageBreakAfter Obiekt Style HTML DOM