Atrybut CSS inset-block-start

Definicja i użycie

inset-block-start Atrybut określa odległość początkową elementu w kierunku blokowym w stosunku do elementu nadrzędnego.

Uwaga:Aby zastosować tę właściwość, musisz określić position Atrybuty CSS

CSS inset-inline i inset-block Atrybuty są podobne do top,bottom,left i right Atrybuty są bardzo podobne, ale inset-block i inset-inline Atrybut zależy od kierunku blokowego i kierunku wiersza.

Uwaga:powiązane atrybuty CSS writing-mode Definiuje kierunek blokowy. To wpływa na początek i koniec bloku oraz inset-block-start Wynik atrybutu. Dla stron w języku angielskim, kierunek blokowy jest w dół, a kierunek wiersza od lewej do prawej.

Przykład

Przykład 1

Ustaw odległość początkową elementu <div> w kierunku blokowym w stosunku do elementu nadrzędnego:

div {
  inset-block-start: 50px;
}

Spróbuj sam!

Przykład 2

Kiedy element <div> ma writing-mode Kiedy atrybut wartości ustawiony jest na vertical-rl, kierunek blokowy jest od prawej do lewej. W rezultacie początek elementu przenosi się do prawej strony:

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

Spróbuj sam!

Gramatyka CSS

inset-block-start: auto|length|initial|inherit;

Wartość atrybutu

Szczegóły techniczne

Wsparcie przeglądarki

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

Strony związane

Tutorial:CSS Pozycjonowanie

Odniesienie:Atrybut position w CSS

Odniesienie:Atrybut writing-mode w CSS