CSS border-inline-width egenskap

Föregående sida border-inline-style
Nästa sida border-left

定义和用法

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

Egenskapen är beroende av inline-riktningen.要使 och 属性生效，必须设置 border-inline-style.

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

如果 och 属性有两个值：

border-inline-width: 10px 50px;

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

如果 och 属性有一个值：

Ställ in bredd på ramen i inline-riktningen:

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

CSS och 属性与 CSS 属性 border-bottom-width,border-left-width,border-right-width , border-right-width border-top-width och Mycket liknande, men

Egenskapen är beroende av inline-riktningen.Observera: border-inline-width: thin thick;,relaterade CSS-egenskaper , Exempel 3: Kombinera direction-egenskapen text-orientation och Definierar inline-riktningen. Detta påverkar början och slutet av en rad, samt

border-inline-width

Egenskapens resultat. För engelska sidor är inline-riktningen från vänster till höger, blockriktningen är nedåt.

Exempel

Exempel 1
  Exempel 2: Kombinera writing-mode-egenskapen
  Ställ in bredd på ramen i inline-riktningen:
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; Platsen för ramen vid början och slutet av inline-riktningen påverkas av

direction
  Exempel 2: Kombinera writing-mode-egenskapen
  writing-mode
  border-inline-style: solid;
direction: rtl;

border-inline-width: 5px 15px;

writing-mode: vertical-rl;

border-inline-width: 5px; Exempel 3: Kombinera direction-egenskapen Platsen för ramen vid början och slutet av inline-riktningen påverkas av

direction
  Egenskapspåverkan:
  div {
direction: rtl;

border-inline-width: 5px 15px;

}

Prova självlengthCSS-syntax

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

\|initial\|inherit;	Egenskapsvärde
medium	Värde
Beskrivning	Specificerar medelstor ram. Standardvärde.
Specificerar tunn ram.	Specificerar tjock ram.
length	Låter dig definiera breddens tjocklek på ramen. Se:CSS-enheter.
initial	Sätt denna egenskap till dess standardvärde. Se: initial.
inherit	Får denna egenskap att ärva från sin föräldrelement. Se: inherit.

Tekniska detaljer

Standardvärde:	medium
Arvande:	Nej
Animeringsproduktion:	Stöds. Se:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderInlineWidth="3px 10px"