Atrybut border-inline-start-width CSS

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

Definicja i użycie

border-inline-start-width Szerokość krawędzi elementu ustawienia atrybutu od początku kierunku wiersza.

Uwaga:Aby border-inline-start-width Atrybut aktywny, musi być ustawiony border-inline-start-style 属性。

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

Uwaga:powiązane atrybuty CSS writing-mode,text-orientation i direction Definiuje kierunek wewnętrzny. To wpływa na pozycję początku i końca wiersza oraz border-inline-start-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

Ustawienie szerokości krawędzi na początku wewnętrznego kierunku:

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

Spróbuj sam

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

Pozycja krawędzi na początku wewnętrznego kierunku jest writing-mode Wpływ atrybutu:

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

Spróbuj sam

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

Pozycja krawędzi na początku i końcu wewnętrznego kierunku jest direction Wpływ atrybutu:

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

Spróbuj sam

Język CSS

border-inline-start-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 ten atrybut na jego wartość domyślną. Zobacz: initial.
inherit	Przypisuje temu atrybutowi wartość dziedziczoną z elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

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