Własność CSS border-inline-end-style

Własność CSS border-inline-end-style to logiczna własność służąca do ustawiania stylu końcowej krawędzi 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-end-style odnosi się do prawej krawędzi obramowania, a więc odpowiada indywidualnej własności fizycznej border-right-style.

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-end-style odpowiada indywidualnej własności fizycznej border-bottom-style.

Przykład

W tym przykładzie końcowa krawędź obramowania elementu span w orientacji śródliniowej będzie niebieską ciągłą linią o szerokości 6 pikseli:

span {
  border-inline-end-width: 6px;
  border-inline-end-style: solid;
  border-inline-end-color: blue;
}
...
<span>Lorem ipsum dolor sit amet.</span>

Efekt:

Wartości

Własność border-inline-end-style przyjmuje jako wartość następujące słowa kluczowe: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset.

Szczegółowy opis tych wartości znajduje się na stronie opisu własności border-style.

Składnia

Własność border-inline-end-style przyjmuje jedną z wartości stylu obramowania wymienionych powyżej.

border-inline-end-style: słowo_kluczowe;

Zastosowanie

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

Podsumowanie