Atrybut border-inline CSS

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

Definicja i użycie

border-inline Atrybut jest skrótem następujących atrybutów:

Jeśli wartość koloru lub szerokości zostanie pominięta, zostanie użyta wartość domyślna.

CSS border-inline atrybut jest skrótem dla następujących atrybutów: border Atrybuty są bardzo podobne, ale border-inline 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 początek i koniec wiersza oraz border-inline Efekt atrybutu. Dla stron angielskich, kierunek wewnętrzny to z lewej na prawo, a kierunek blokowy to w dół.

Przykład

Przykład 1

Ustawianie stylu, koloru i szerokości obramowania dla różnych elementów wewnętrznego kierunku.

h1 {
  border-inline: 5px solid red;
}
h2 {
  border-inline: 4px dotted blue;
}
div {
  border-inline: double;
}

Spróbuj sam

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

Obramowanie na początku i końcu wewnętrznego kierunku wiersza jest writing-mode Wpływ atrybutu:

div {
  writing-mode: vertical-rl;
  border-inline: hotpink dashed 8px;
}

Spróbuj sam

Gramatyka CSS

border-inline: border-inline-width border-inline-style border-inline-color |initial|inherit;

Wartość atrybutu

Wartość	Opis
border-inline-width	Określa szerokość obramowania w kierunku wewnętrznym. Domyślna wartość to "medium".
border-inline-style	Określa styl obramowania w kierunku wewnętrznym. Domyślna wartość to "none".
border-inline-color	Określa kolor obramowania w kierunku wewnętrznym. Domyślna wartość to kolor tekstu.
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ść:	średnia none kolor
Inherencja:	nie
Tworzenie animacji:	tak, zobacz indywidualne właściwości. Przeczytaj o animowalnych
Wersja:	CSS3
Gramatyka JavaScript:	object.style.borderInline="dashed hotpink 10px"