CSS właściwość border-block-start-style

Poprzednia strona kolor krawędzi blokowej zaczynającej się
Następna strona szerokość krawędzi blokowej zaczynającej się

Definicja i użycie

border-block-start-style Atrybuty CSS są używane do ustawienia stylu krawędzi elementu w kierunku blokowym.

CSS border-block-start-style Atrybuty i atrybuty CSS border-bottom-style,border-left-style,border-right-style i border-top-style Bardzo podobne, ale border-block-start-style Atrybut zależy od kierunku blokowego.

Uwaga:powiązane atrybuty CSS writing-mode Definiuje kierunek blokowy. To wpływa na początek i koniec bloku oraz border-block-start-style Wynik atrybutu. Dla stron angielskich, kierunek wewnętrzny jest od lewej do prawej, a kierunek blokowy jest w dół.

Przykład

Przykład 1

Ustaw styl obrębów w początku kierunku blokowego:

div {
  border-block-start-style: dotted;
}

Spróbuj sam!

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

Pozycja stylu obrębów w początku kierunku blokowego jest writing-mode Wpływ atrybutu:

div {
  writing-mode: vertical-rl;
  border-block-start-style: dotted;
}

Spróbuj sam!

Gramatyka CSS

border-block-start-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 same jak "none", ale różnią się w rozwiązaniu konfliktów obrębów w elementach 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 wciśnięty 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 wciśnięty 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	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

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