Atrybut border-inline-end-style CSS

Poprzednia strona border-inline-end-color
Następna strona border-inline-end-width

Definicja i użycie

border-inline-end-style ustawienia atrybutów ramki elementu w końcowym kierunku wewnętrznym.

CSS border-inline-end-style Atrybut zależy od border-bottom-style,border-left-style,border-right-style i border-top-style Atrybuty są bardzo podobne, ale border-inline-end-style 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-style Wynik atrybutu. Dla stron angielskich, kierunek wewnętrzny to z lewej na prawo, a kierunek blokowy to w dół.

Przykład

Przykład 1

Ustawienie stylu obrębu wewnętrznego w kierunku wewnętrznym:

div {
  border-inline-end-style: dotted;
}

Spróbuj sam

Przykład 2: Połączenie z atrybutem writing-mode

Pozycja końcowa obrębu wewnętrznego jest określana przez writing-mode Wpływ atrybutu:

div {
  writing-mode: vertical-rl;
  border-inline-end-style: dotted;
}

Spróbuj sam

Przykład 3: Połączenie z atrybutem direction

Pozycja początkowa i końcowa obrębu wewnętrznego jest określana przez direction Wpływ atrybutu:

div {
  direction: rtl;
  border-inline-end-style: dotted;
}

Spróbuj sam

Gramatyka CSS

border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Wartość atrybutu

Wartość	Opis
none	Domyślna wartość. Określa brak obrębu.
hidden	Takie jak none, ale różni się w rozwiązywaniu konfliktów krawędzi tabeli.
dotted	Określa punktowy obręb.
dashed	Określa przerywany obręb.
solid	Określa ciągły obręb.
double	Określa podwójny obręb.
groove	Określa 3D wklęsły obręb. Efekt zależy od wartości border-color.
ridge	Określa 3D wypukły obręb. Efekt zależy od wartości border-color.
inset	Określa 3D wewnętrzny obręb. Efekt zależy od wartości border-color.
outset	Określa 3D wypukły obręb. Efekt zależy od wartości border-color.
initial	Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Przekazuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość:	none
Inherdowanie:	Nie
Tworzenie animacji:	Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Język JavaScript:	object.style.borderInlineEndStyle="dotted"