Atrybut paddingLeft

Definicja i użycie

paddingLeft Ustawia lub zwraca lewą wewnętrzną margines elementu.

Właściwość margines i Właściwość padding Wszędzie wokół elementu umieszcza przestrzeń. Ale różnica polega na tym, że margines 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-left

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

Przykład

Przykład 1

Ustaw lewy wewnętrzny margines elementu <div>:

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

Spróbuj sam

Przykład 2

Zwróć lewy wewnętrzny margines elementu <div> do "normal":

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

Spróbuj sam

Przykład 3

Zwrócony lewy wewnętrzny margines elementu <div>:

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

Spróbuj sam

Przykład 4

Różnica między marginLeft a paddingLeft:

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

Spróbuj sam

Gramatyka

Zwrócenie właściwości paddingLeft:

object.style.paddingLeft

Ustawienie właściwości paddingLeft:

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

Wartość atrybutu

Wartość Opis
% Definiuje lewą wewnętrzną margines jako procent szerokości elementu nadrzędnego.
length Definiuje lewą wewnętrzną margines w jednostkach 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ść: Ciąg znaków, który reprezentuje lewą wewnętrzną margines elementu.
Wersja CSS: CSS1

Przeglądarki wspierają

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