CSS border-inline-eind eigenschap

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

定义和用法

border-inline-end 属性是以下属性的简写：

border-inline-end-width（行内结束边框宽度）
border-inline-end-style（行内结束边框样式）
border-inline-end-color（行内结束边框颜色）

CSS 的 border-inline-end 属性与 border-bottom、border-left、border-right en border-top 属性非常相似，但 border-inline-end 属性依赖于行内方向。

注意：相关的 CSS 属性 writing-mode、text-orientation en direction Definieert de inline-richting. Dit beïnvloedt de start- en eindpositie van een regel, evenals border-inline-end Het resultaat van de eigenschap. Voor Engelse pagina's is de inline-richting van links naar rechts, de blokrichting van boven naar beneden.

Voorbeeld

Voorbeeld 1

Stel de breedte, kleur en stijl van de rand aan het einde van de inline-richting in:

div {
  border-inline-end: 10px solid pink;
}

Probeer het zelf uit

Voorbeeld 2: Combinatie met de writing-mode-eigenschap

De positie van de rand aan het einde van de inline-richting wordt beïnvloed door writing-mode Eigenschapseffect:

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

Probeer het zelf uit

Voorbeeld 3: Combinatie met de direction-eigenschap

De positie van de rand aan het einde van de inline-richting wordt beïnvloed door direction Eigenschapseffect:

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

Probeer het zelf uit

CSS syntaxis

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

Eigenschapswaarde

Waarde	Beschrijving
border-inline-end-width	Specificeer de randbreedte aan het einde van de inline-richting van het element. De standaardwaarde is "medium".
border-inline-end-style	Specificeer de randstijl aan het einde van de inline-richting van het element. De standaardwaarde is "none".
border-inline-end-color	Specificeer de randkleur aan het einde van de inline-richting van het element. De standaardwaarde is de huidige randkleur.

Waarde

Beschrijving

border-inline-end-width

Specificeer de randbreedte aan het einde van de inline-richting van het element.

De standaardwaarde is "medium".

border-inline-end-style

Specificeer de randstijl aan het einde van de inline-richting van het element.

De standaardwaarde is "none".

border-inline-end-color

Specificeer de randkleur aan het einde van de inline-richting van het element.

De standaardwaarde is de huidige randkleur.

Technische details

initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erft van de ouder-element. Raadpleeg inherit.
Standaardwaarde:	medium none currentcolor
Inheritantie:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.borderInlineEnd="pink dotted 5px"