Własność CSS inset-block-start

Własność CSS inset-block-start określa rozmiar przesunięcia elementu pozycjonowanego względem początku w orientacji blokowej jego kontekstu pozycjonowania, który różni się w zależności od kierunku i orientacji tekstu.

Wartości i składnia

Własność inset-block-start należy do grupy logicznych własności kierunkowych, które w zależności od kierunku i orientacji tekstu mogą odpowiadać kierunkowe fizycznym własnościom kierunkowym top, right, bottom i left.

W związku z tym własność inset-block-start przyjmuje takie same wartości, jak fizyczne własności kierunkowe (liczbę z jednostką długości, wartość procentową lub słowo kluczowe auto), a ich znaczenie zależy od tego, której z nich odpowiada w danym przypadku.

Na przykład w tekstach pisanych w języku polskim, a więc od lewej i od góry, własność inset-block-start odpowiada własności top.

Przykłady

W poniższym przykładzie element section będzie odsunięty o 20 pikseli od górnej krawędzi ekranu.

section {
  writing-mode: horizontal-tb;
  position: fixed;
  inset-block-start: 20px;
  width: 100%;
  height: 3rem;
  border: 4px solid black;
}

Podsumowanie