Atrybut paddingRight

Definicja i użycie

paddingRight Ustawia lub zwraca prawy wewnętrzny margines elementu.

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

Zobacz również:

Kurs CSS:Wewnętrzne marginesy CSS

Podręcznik CSS:Właściwość padding-right

Podręcznik HTML DOM:Właściwość padding

Przykład

Przykład 1

Ustaw prawy wewnętrzny margines elementu <div>:

document.getElementById("myDIV").style.paddingRight = "50px";

Spróbuj sam

Przykład 2

Przywróć prawy wewnętrzny margines elementu <div> do "normal":

document.getElementById("myDIV").style.paddingRight = "0px";

Spróbuj sam

Przykład 3

Zwróć prawy wewnętrzny margines elementu <div>:

alert(document.getElementById("myDIV").style.paddingRight);

Spróbuj sam

Przykład 4

Różnica między marginRight a paddingRight:

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

Spróbuj sam

Gramatyka

Zwróć właściwość paddingRight:

object.style.paddingRight

Ustawienie właściwości paddingRight:

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

Wartość atrybutu

Wartość Opis
% Definiuje prawy wewnętrzny margines jako procent szerokości elementu nadrzędnego.
length Definiuje prawy 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ść: Ciąg znaków, reprezentujący prawy wewnętrzny margines elementu.
Wersja CSS: CSS1

Obsługa przeglądarek

Chrome Krawędź Firefox Safari Opera
Chrome Krawędź Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie