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

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

Przykład

W tym przykładzie element aside będzie miał niebieską końcową krawędź obramowania w orientacji blokowej o szerokości 4 pikseli:

aside {
  border-block-end-width: 4px;
  border-block-end-style: dotted;
  border-block-end-color: blue;
}
...
<aside>Lorem ipsum dolor sit amet.</aside>

Efekt:

Wartości

Własność border-block-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-block-end-style przyjmuje jedną z wartości stylu obramowania wymienionych powyżej.

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

Zastosowanie

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

Podsumowanie