CSS border-inline-breedte eigenschap

Vorige pagina border-inline-style
Volgende pagina border-left

定义和用法

en 属性设置元素在行内方向上的边框宽度。

Eigenschap is afhankelijk van de inline-richting.要使 en 属性生效，必须设置 border-inline-style.

en 属性的值可以通过不同方式设置：

如果 en 属性有两个值：

border-inline-width: 10px 50px;

行内开始处的边框宽度为 10px
行内结束处的边框宽度为 50px

如果 en 属性有一个值：

Stel de breedte van de rand in voor de inline-richting:

行内开始和结束处的边框宽度均为 10px

CSS en 属性与 CSS 属性 border-bottom-width,border-left-width,border-right-width , border-right-width border-top-width en Zeer vergelijkbaar, maar

Eigenschap is afhankelijk van de inline-richting.let op: border-inline-width: thin thick;,gerelateerde CSS-eigenschappen , Voorbeeld 3: Combinatie met direction eigenschap text-orientation en Definieert de inline-richting. Dit beïnvloedt de begin- en eindpositie van een regel, evenals

border-inline-width

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

Voorbeeld

Voorbeeld 1
  Voorbeeld 2: Combinatie met writing-mode eigenschap
  Stel de breedte van de rand in voor de inline-richting:
direction: rtl;
#example1 {
  border-inline-width: 10px;
  #example2 {
direction: rtl;

border-inline-width: 5px 15px;

border-inline-style: dashed;

border-inline-width: 5px; border-inline-width: thin thick; De positie van de rand aan het begin en einde van de inline-richting wordt beïnvloed door

direction
  Voorbeeld 2: Combinatie met writing-mode eigenschap
  writing-mode
  border-inline-style: solid;
direction: rtl;

border-inline-width: 5px 15px;

writing-mode: vertical-rl;

border-inline-width: 5px; Voorbeeld 3: Combinatie met direction eigenschap De positie van de rand aan het begin en einde van de inline-richting wordt beïnvloed door

direction
  Eigenschap beïnvloedt:
  div {
direction: rtl;

border-inline-width: 5px 15px;

}

Probeer het zelf uitlengthCSS syntaxis

border-inline-width: medium|thin|thick|

\|initial\|inherit;	Eigenschapswaarde
medium	Waarde
Beschrijving	Specificeer een gemiddelde rand. Standaardwaarde.
Specificeer een dunne rand.	Specificeer een dikkere rand.
length	Laat u toe om de dikte van de rand te definiëren. Raadpleeg:CSS Units.
initial	Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erfst van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde:	medium
Inheritantie:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.borderInlineWidth="3px 10px"