CSS border-inline-width ominaisuus

Edellinen sivu border-inline-style
Seuraava sivu border-left

定义和用法

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

Ominaisuus riippuu sisäisestä suunnasta.要使 ja 属性生效，必须设置 border-inline-style.

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

如果 ja 属性有两个值：

border-inline-width: 10px 50px;

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

如果 ja 属性有一个值：

Aseta reunan leveys sisäiseen suuntaan:

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

CSS ja 属性与 CSS 属性 border-bottom-width,border-left-width,border-right-width , border-right-width border-top-width ja Erittäin samanlaisia, mutta

Ominaisuus riippuu sisäisestä suunnasta.huomioitavaa: border-inline-width: thin thick;,liittyviin CSS-ominaisuuksiin , Esimerkki 3: Yhdistettynä direction-ominaisuuden kanssa text-orientation ja Määrittää sisäisen suunnan. Tämä vaikuttaa rivin alkuun ja loppuun sekä

border-inline-width

Ominaisuuden tulos. Englanninkielisillä sivuilla sisäinen suunta on vasemmalta oikealle, lohkko suunta on alas.

Esimerkki

Esimerkki 1
  Esimerkki 2: Yhdistettynä writing-mode-ominaisuuden kanssa
  Aseta reunan leveys sisäiseen suuntaan:
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; Reunuksen sijainti alku- ja loppupäässä suhteessa sisäiseen suuntaan määräytyy:

direction
  Esimerkki 2: Yhdistettynä writing-mode-ominaisuuden kanssa
  writing-mode
  border-inline-style: solid;
direction: rtl;

border-inline-width: 5px 15px;

writing-mode: vertical-rl;

border-inline-width: 5px; Esimerkki 3: Yhdistettynä direction-ominaisuuden kanssa Reunuksen sijainti alku- ja loppupäässä suhteessa sisäiseen suuntaan määräytyy:

direction
  Ominaisuuden vaikutus:
  div {
direction: rtl;

border-inline-width: 5px 15px;

}

Kokeile itselengthCSS kieli

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

\|initial\|inherit;	Ominaisuuden arvo
medium	Arvo
Kuvaus	Määrittää keskikokoisen reunan. Oletusarvo.
Määrittää ohuen reunan.	Määrittää paksun reunan.
length	Mahdollistaa reunan paksuuden määrittämisen. Katso:CSS yksiköt.
initial	Asettaa tämän ominaisuuden oletusarvoon. Katso: initial.
inherit	Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo:	medium
Perintä:	Ei
Animaation luominen:	Tuki. Katso:Animaatiot ja niiden ominaisuudet.
Versio:	CSS3
JavaScript kieli:	object.style.borderInlineWidth="3px 10px"