Atrybut border-inline-end-width CSS

Poprzednia strona border-inline-end-style
Następna strona border-inline-start

Definicja i zastosowanie

border-inline-end-width Szerokość krawędzi elementu ustawień atrybutów w kierunku wewnętrznym.

Uwaga:Aby border-inline-end-width Atrybut działa, musi być ustawiony border-inline-end-style Atrybuty.

CSS border-inline-end-width Atrybuty są podobne do atrybutów CSS border-bottom-width,border-left-width,border-right-width i border-top-width Bardzo podobne, ale border-inline-end-width Atrybut zależy od kierunku wewnętrznego.

Uwaga:powiązane atrybuty CSS writing-mode,text-orientation i direction Określa kierunek wewnętrzny. To wpływa na początek i koniec wiersza oraz border-inline-end-width Wynik atrybutu. Dla stron angielskich, kierunek wewnętrzny to z lewej na prawo, a kierunek blokowy to w dół.

Przykład

Przykład 1

Ustawianie szerokości krawędzi końcowego kierunku wewnętrznego:

div {
  border-inline-end-style: solid;
  border-inline-end-width: 10px;
}

Spróbuj sam

Przykład 2: Połączenie atrybutu writing-mode

Pozycja końcowego kierunku wewnętrznego krawędzi jest określona przez writing-mode Wpływ atrybutu:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-width: 5px;
}

Spróbuj sam

Przykład 3: Połączenie atrybutu direction

Pozycja krawędzi początkowej i końcowej kierunku wewnętrznego jest określona przez direction Wpływ atrybutu:

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

Spróbuj sam

Język CSS

border-inline-end-width: medium|thin|thick|length|initial|inherit;

Wartość atrybutu

Wartość	Opis
medium	Określa średnią krawędź. Domyślna wartość.
thin	Określa cienką krawędź.
thick	Określa grubą krawędź.
length	Pozwala zdefiniować grubość krawędzi. Zobacz:Jednostki CSS.
initial	Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Inhereduje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość:	medium
Inheredność:	Nie
Tworzenie animacji:	Wspierane. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Język JavaScript:	object.style.borderInlineEndWidth="10px"