Własność CSS border-inline-start-width

Własność CSS border-inline-start-width to logiczna własność służąca do ustawiania szerokości krawędzi początkowej obramowania w orientacji śródliniowej elementu.

Wybór krawędzi przez tę własność zależy od orientacji i kierunku tekstu. Jeśli na przykład tekst jest pisany od góry i od lewej (jak w języku polskim), to własność border-inline-start-width odnosi się do lewej krawędzi obramowania, a więc odpowiada indywidualnej własności fizycznej border-left-width.

Jeżeli natomiast tekst jest pisany od prawej do lewej i w orientacji pionowej (jak np. w języku japońskim), to własność border-inline-start-width odpowiada indywidualnej własności fizycznej border-top-width.

Przykład

W tym przykładzie początkowa krawędź obramowania elementu em w orientacji śródliniowej będzie łososiową ciągłą linią o szerokości 4 pikseli:

em {
  border-inline-start-width: 4px;
  border-inline-start-style: solid;
  border-inline-start-color: lightsalmon;
}
...
<em>Lorem ipsum dolor sit amet.</em>

Efekt:

Wartości

Własność border-inline-start-width przyjmuje jako wartość liczbę z jednostką długości lub słowo kluczowe thin, medium albo thick.

Składnia

Własność border-inline-start-width przyjmuje jako wartość jedną liczbę z jednostką długości lub słowo kluczowe thin, medium albo thick.

border-inline-start-width: liczba_z_jednostką_długości lub słowo_kluczowe;

Zastosowanie

Własność border-inline-start-width ma zastosowanie do wszystkich elementów HTML, a także do pseudoelementu ::first-letter.

Podsumowanie