Style paddingBottom 属性

Definicja i użycie

paddingBottom Ustawia lub zwraca dolny wewnętrzny margines elementu.

Właściwość margin i Właściwość padding Wszędzie wokół elementu umieszcza przestrzeń. Ale różnica polega na tym, że margin umieszcza przestrzeń wokół krawędzi, podczas gdy padding umieszcza przestrzeń wewnątrz krawędzi elementu.

Zobacz również:

Kurs CSS:Wewnętrzne marginesy CSS

Przeglądarka CSS:Właściwość padding-bottom

Przeglądarka HTML DOM:Właściwość padding

Przykład

Przykład 1

Ustaw dolny wewnętrzny margines elementu <div>：

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

Spróbuj sam

Przykład 2

Wróć dolny wewnętrzny margines elementu <div> do "normal":

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

Spróbuj sam

Przykład 3

Zwróć dolny wewnętrzny margines elementu <div>：

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

Spróbuj sam

Przykład 4

Różnica między marginBottom a paddingBottom：

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

Spróbuj sam

Gramatyka

Zwrócenie właściwości paddingBottom：

object.style.paddingBottom

Ustawienie właściwości paddingBottom：

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

Wartość atrybutu

Wartość Opis
% Definiuje dolny wewnętrzny margines w procentach szerokości elementu nadrzędnego.
length Definiuje dolny 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óły techniczne

Domyślna wartość： 0
Zwracana wartość： String, który reprezentuje dolny wewnętrzny margines elementu.
CSS wersja： CSS1

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie