Atrybut padding-block-end w CSS

Poprzednia strona padding-block
Następna strona padding-block-start

Polecane kursy:

Definicja i użycie elementu padding-block-end

To przestrzeń między krawędzią elementu a końcem zawartości w kierunku blokowym. padding-block i padding-inline CSS Atrybuty są podobne do atrybutów CSSpadding-bottompadding-toppadding-bottom, i padding-left padding-right padding-block i padding-inline Atrybut zależy od kierunku blokowego i wiersza.

Uwaga:powiązane atrybuty CSS writing-mode Definiuje kierunek blokowy. To wpływa na początkowe i końcowe położenie bloku oraz padding-block Wynik atrybutu. Dla stron w języku angielskim, kierunek blokowy jest pionowy, a kierunek wiersza jest od lewej do prawej.

Przykład

Przykład 1

Ustawienie wewnętrznego marginesu w kierunku blokowym końcowym:

p {
  padding-block-end: 35px;
}

Spróbuj sam

Przykład 2

Ustawienie atrybutu <div> na writing-mode Kiedy wartość atrybutu jest ustawiona na vertical-rl, kierunek blokowy jest od prawej do lewej. W rezultacie, końcowe położenie elementu przenosi się z dołu na lewo:

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

Spróbuj sam

Gramatyka CSS

padding-block-end: auto|value|initial|inherit;

Wartość atrybutu

Wartość	Opis
auto	Domyślnie. Domyślna wartość padding-block-end dla elementu.
length	Padding-block-end jest określony w jednostkach takich jak px, pt, cm. Nie można używać wartości ujemnych. Zobacz:Jednostki CSS.
%	Padding-block-end jest określony jako procent od wielkości elementu w kierunku wiersza.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Inhereduje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość:	auto
Inheredność:	Nie
Tworzenie animacji:	Obsługiwane. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Język JavaScript:	object.style.paddingBlockEnd="100px"