Atrybut padding-inline w CSS

Definicja i zastosowanie

Elementu Definiuje kierunek wewnętrzny. To wpływa na początek i koniec elementu w kierunku wewnętrznym oraz Oznacza to przestrzeń między krawędzią a treścią w kierunku wewnętrznym. Jest to skrócona wersja następujących właściwości:

• padding-inline-start
• padding-inline-end

Definiuje kierunek wewnętrzny. To wpływa na początek i koniec elementu w kierunku wewnętrznym oraz Wartości właściwości można ustawić na różne sposoby:

Jeśli właściwość padding-inline ma dwa wartości:

padding-inline: 10px 50px;

• Wewnętrzny margines początkowego końca wynosi 10px
• Wewnętrzny margines końcowego końca wynosi 50px

如果 padding-inline 属性有一个值：

Jeśli atrybut padding-inline ma wartość:

• padding-inline: 10px;

Początek i koniec marginesów wewnętrznych są ustawione na 10px Definiuje kierunek wewnętrzny. To wpływa na początek i koniec elementu w kierunku wewnętrznym oraz powiązane atrybuty CSS Bardzo podobny, ale CSS Atrybuty są podobne do atrybutów CSSpadding-toppadding-bottompadding-top, powiązane atrybuty CSS padding-left padding-right Definiuje kierunek wewnętrzny. To wpływa na początek i koniec elementu w kierunku wewnętrznym oraz powiązane atrybuty CSS Bardzo podobny, ale padding-block

Atrybut zależy od kierunku wewnętrznego i kierunku blokowego.Uwaga: Przykład 2 powiązane atrybuty CSS direction i Definiuje kierunek wewnętrzny. To wpływa na początek i koniec elementu w kierunku wewnętrznym oraz padding-inline

Wynik atrybutu. Dla stron angielskich, kierunek blokowy jest w dół, a kierunek wewnętrzny jest od lewej do prawej.

Przykład

Przykład 1

div {
  Ustawianie wewnętrznych marginesów w kierunku wewnętrznym:
}

Spróbuj sam

padding-inline: 50px;

Kiedy atrybut writing-mode elementu <div> jest ustawiony na vertical-rl, kierunek wewnętrzny jest w dół. W rezultacie początek elementu przenosi się z lewej strony na górę, a koniec z prawej strony na dół: Przykład 2 writing-mode

div {
  writing-mode: vertical-rl;
  padding-inline: 10px 100px;
}

Spróbuj sam

Przykład 3

Kiedy atrybut writing-mode elementu <div> jest ustawiony na vertical-rl, kierunek wewnętrzny jest w dół. W rezultacie początek elementu przenosi się z lewej strony na górę, a koniec z prawej strony na dół: direction Kiedy wartość atrybutu direction jest ustawiona na rtl, kierunek wewnętrzny jest od prawej do lewej. W rezultacie początek elementu przenosi się z lewej strony na prawą, a koniec z prawej strony na lewą:

div {
  direction: rtl;
  padding-inline: 10px 100px;
}

Spróbuj sam

Gramatyka CSS

padding-inline: auto|value|initial|inherit;

Wartość atrybutu

Szczegóły techniczne

Obsługa przeglądarek

Tabela zawiera wersje przeglądarek, które w pełni obsługuje tę właściwość.

Strony związane

Wskazówka:Atrybut direction w CSS

Wskazówka:Atrybut padding-inline-end w CSS

Wskazówka:Atrybut padding-inline-start w CSS

Wskazówka:Atrybut padding-bottom w CSS

Wskazówka:Atrybut padding-left w CSS

Wskazówka:Atrybut padding-right w CSS

Wskazówka:Atrybut padding-top w CSS

Wskazówka:Atrybut writing-mode w CSS