CSS border-inline-end egenskab

Forrige side border-inline-color
Næste side 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 og border-top 属性非常相似，但 border-inline-end 属性依赖于行内方向。

注意：相关的 CSS 属性 writing-mode、text-orientation og direction Definerer inline-vejledning. Dette påvirker start- og slutpositionen for en række samt border-inline-end Egenskabens resultat. For engelske sider, er inline-vejledning fra venstre til højre, blokvejledning fra øverst til nederst.

Eksempel

Eksempel 1

Indstil bredde, farve og stil for kant ved enden af inline-vejledning:

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

Prøv det selv

Eksempel 2: Kombineret med writing-mode-egenskaben

Kantpositionen ved enden af inline-vejledning påvirkes af writing-mode Egenskabspåvirkning:

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

Prøv det selv

Eksempel 3: Kombineret med direction-egenskaben

Kantpositionen ved enden af inline-vejledning påvirkes af direction Egenskabspåvirkning:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
border-inline-end-width	Specificer elementets kantbredde ved enden af inline-vejledning. Standardværdien er "medium".
border-inline-end-style	Specificer elementets kanttype ved enden af inline-vejledning. Standardværdien er "none".
border-inline-end-color	Specificer elementets kantfarve ved enden af inline-vejledning. Standardværdien er den nuværende kantfarve.

Værdi

Beskrivelse

border-inline-end-width

Specificer elementets kantbredde ved enden af inline-vejledning.

Standardværdien er "medium".

border-inline-end-style

Specificer elementets kanttype ved enden af inline-vejledning.

Standardværdien er "none".

border-inline-end-color

Specificer elementets kantfarve ved enden af inline-vejledning.

Standardværdien er den nuværende kantfarve.

Tekniske detaljer

initial	Sæt denne egenskab til dens standardværdi. Se initial.
inherit	Arv denne egenskab fra sin forældrelement. Se inherit.
Standardværdi:	medium none currentcolor
Arv:	Nej
Animation fremstilling:	Understøttelse. Se:Animationrelaterede egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.borderInlineEnd="pink dotted 5px"