CSS właściwość padding-block-start

Poprzednia strona padding-block-end
Następna strona padding-bottom

Definicja i użycie

elementu padding-block-start oznacza przestrzeń między krawędzią a zawartością w kierunku blokowym początkowym.

CSS padding-block i padding-inline Atrybuty są podobne do atrybutów CSS padding-top,padding-bottom,padding-left i padding-right jest bardzo podobny, ale padding-block i padding-inline Atrybut zależy od kierunku blokowego i wiersza.

Uwaga:powiązane atrybuty CSS writing-mode Określa kierunek blokowy. To wpływa na pozycję początkową i końcową bloku oraz padding-block Wynik atrybutu. Dla stron w języku angielskim, kierunek blokowy jest pionowy, a kierunek wiersza jest z lewej do prawej.

Przykład

Przykład 1

Ustaw wewnętrzną margines w kierunku blokowym początkowym:

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

Spróbuj sam

Przykład 2

Ustaw writing-mode dla elementu <div> na: writing-mode Kiedy wartość atrybutu writing-mode jest ustawiona na vertical-rl, kierunek blokowy jest z prawej do lewej. W rezultacie pozycja początkowa elementu przenosi się do prawej strony:

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość	Opis
auto	Domyślnie. Domyślna wartość padding-block-start dla elementu.
length	Padding-block-start jest określony w jednostkach takich jak px, pt, cm. Nie można używać wartości ujemnych. Zobacz:Jednostki CSS.
%	Padding-block-start jest określony jako procent od rozmiaru elementu w kierunku wiersza.
initial	Ustaw 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ść:	auto
Inheredność:	Nie
Tworzenie animacji:	Wspierane. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Gramatyka JavaScript:	object.style.paddingBlockStart="100px"