Atrybut CSS inset-block-end

Definicja i zastosowanie

inset-block-end właściwości, które ustawiają odległość końca elementu w kierunku blokowym od elementu nadrzędnego.

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

CSS inset-inline i inset-block właściwości są podobne do top,bottom,left i right właściwości 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-end 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ść końca umieszczanego <div> od elementu nadrzędnego w kierunku blokowym:

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

Spróbuj sam

Przykład 2

Kiedy element <div> writing-mode Kiedy atrybut ustawiony jest na vertical-rl, kierunek blokowy jest od prawej do lewej. W rezultacie krawędź elementu przenosi się z dołu do lewej strony:

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

Spróbuj sam

Gramatyka CSS

inset-block-end: 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

Wskazówka:Atrybut position w CSS

Wskazówka:Atrybut writing-mode w CSS