Proprietà CSS border-inline-width

Pagina precedente border-inline-style
Pagina successiva border-left

定义和用法

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

L'attributo dipende dalla direzione in linea.要使 e 属性生效，必须设置 border-inline-style.

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

如果 e 属性有两个值：

border-inline-width: 10px 50px;

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

如果 e 属性有一个值：

Imposta la larghezza del bordo nella direzione in linea:

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

CSS e 属性与 CSS 属性 border-bottom-width,border-left-width,border-right-width , border-right-width border-top-width e molto simile, ma

L'attributo dipende dalla direzione in linea.avviso: border-inline-width: thin thick;,proprietà CSS correlate , esempio 3: combinazione dell'attributo direction text-orientation e Definisce la direzione in linea. Questo influisce sulla posizione di inizio e fine di una riga, nonché

border-inline-width

Risultato dell'attributo. Per le pagine in inglese, la direzione in linea è da sinistra a destra, la direzione in blocco è verso il basso.

Esempio

esempio 1
  esempio 2: combinazione dell'attributo writing-mode
  Imposta la larghezza del bordo nella direzione in linea:
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; La posizione del bordo all'inizio e alla fine della direzione in linea è influenzata da

direction
  esempio 2: combinazione dell'attributo writing-mode
  writing-mode
  border-inline-style: solid;
direction: rtl;

border-inline-width: 5px 15px;

writing-mode: vertical-rl;

border-inline-width: 5px; esempio 3: combinazione dell'attributo direction La posizione del bordo all'inizio e alla fine della direzione in linea è influenzata da

direction
  Influenza dell'attributo:
  div {
direction: rtl;

border-inline-width: 5px 15px;

}

Prova personalmentelengthSintassi CSS

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

\|initial\|inherit;	Valore dell'attributo
medium	Valore
Descrizione	specificare il bordo medio. Valore predefinito.
specificare il bordo sottile.	Specificare il bordo spesso.
length	Ti permette di definire lo spessore del bordo. Vedi:Unità CSS.
initial	Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit	Eruga questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito:	medium
Ereditarietà:	No
Creazione dell'animazione:	Supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderInlineWidth="3px 10px"