CSS border-inline-eind-stijl eigenschap

Vorige pagina border-inline-end-color
Volgende pagina border-inline-end-width

Definition and usage

en Property settings for the element's border style at the end of the inline direction.

CSS's en The property is with border-bottom-styleLet op:border-left-styleLet op:border-right-style 、 border-top-style The properties are very similar, but en Properties depend on the inline direction.

注意：相关的 CSS 属性 Voorbeeld 2: Combinatie met writing-mode-eigenschapLet op:gerelateerde CSS-eigenschappen 、 Voorbeeld 3: Combinatie met direction-eigenschap text-orientation en Definieert de inline-richting. Dit beïnvloedt de start- en eindpositie van een regel, alsook

border-inline-end-style

Eigenschapsresultaat. Voor Engelse pagina's is de inline-richting van links naar rechts, de blokrichting is naar beneden.

Voorbeeld

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Voorbeeld 1

Stijl instellen voor de eindrand van de inline-richting: Voorbeeld 2: Combinatie met writing-mode-eigenschap De positie van de start- en eindrand van de inline-richting wordt beïnvloed door

direction
  De positie van de eindrand van de inline-richting wordt beïnvloed door
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Voorbeeld 3: Combinatie met direction-eigenschap De positie van de start- en eindrand van de inline-richting wordt beïnvloed door

direction
  Eigenschapsinvloed:
  div {
direction: rtl;

border-inline-end-style: dotted;

}

Probeer het zelf uit

CSS syntaxis

border-inline-end-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Eigenschapswaarde
none	Waarde
Beschrijving	Standaardwaarde. Specificeer geen rand.
hidden	Gelijk aan none, maar verschilt in oplossing van conflict bij de rand van tabel-elementen.
dashed	Specificeer een gebroken rand.
solid	Specificeer een rechte rand.
double	Specificeer een dubbele rand.
groove	Specificeer een 3D groefrand. Het effect hangt af van de waarde van border-color.
ridge	Specificeer een 3D afgeplatte rand. Het effect hangt af van de waarde van border-color.
inset	Specificeer een 3D ingesnoerde rand. Het effect hangt af van de waarde van border-color.
outset	Specificeer een 3D uitsteekrand. Het effect hangt af van de waarde van border-color.
initial	Deze eigenschap wordt ingesteld op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap wordt van de ouder element overgenomen. Raadpleeg inherit.

Technische details

Standaardwaarde:	none
Inheritantie:	Nee
Animatie maken:	Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.borderInlineEndStyle="dotted"