CSS border-inline-style ominaisuus

Edellinen sivu border-inline-start-width
Seuraava sivu border-inline-width

定义和用法

border-inline-style 属性设置元素在行内方向上的边框样式。

border-inline-style 属性的值可以通过不同的方式设置：

如果 border-inline-style 属性有两个值：

direction: rtl;

行内开始处的边框样式为实线（solid）
行内结束处的边框样式为点线（dotted）

如果 border-inline-style 属性有一个值：

writing-mode: vertical-rl;

行内开始和结束处的边框样式均为点线（dotted）

CSS 的 border-inline-style 属性与 border-bottom-style、border-left-style、border-right-style 和 border-top-style 属性非常相似，但 border-inline-style 属性依赖于行内方向。

注意：相关的 CSS 属性 Esimerkki 2: Yhdistettynä writing-mode ominaisuuteen、text-orientation 和 Rivin alkupäässä ja lopussa olevan reunan sijainti riippuu 定义了行内方向。这影响了行的开始和结束位置，以及 border-inline-style 属性的结果。对于英文页面，行内方向是从左到右，块方向是向下。

Esimerkki

Esimerkki 1

Aseta rivin suuntaa koskeva reunusmuoto:
  #example1 {
border-inline-style: solid dotted;
border-inline-style: solid;
  #example2 {
border-inline-style: solid dotted;

}

border-inline-style: dashed dotted;

Esimerkki 3: Yhdistettynä direction ominaisuuteen Esimerkki 2: Yhdistettynä writing-mode ominaisuuteen direction

Ominaisuuden vaikutus:
  writing-mode
  writing-mode: vertical-rl;
border-inline-style: solid dotted;

}

border-inline-style: dotted;

Esimerkki 3: Yhdistettynä direction ominaisuuteen Rivin alkupäässä ja lopussa olevan reunan sijainti riippuu direction

Ominaisuuden vaikutus:
  div {
  direction: rtl;
border-inline-style: solid dotted;

}

Kokeile itse

CSS kieli

border-inline-style: none|piilotettu|viivoinen|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Ominaisuuden arvo	Arvo
Oletusarvo:	Kuvaus
Oletusarvo. Määritä reunattomaksi.	piilotettu
Sama kuin none, mutta erilainen taulukon reunan konfliktin ratkaisussa.	dotted
Määritä pisteviivainen reunus.	dashed
Määritä viivainen reunus.	solid
Määritä täysjäykkä reunus.	double
Määritä kaksoisreunus.	groove Määritä 3D ulkoreunus.
Määritä 3D syövyys reunus.	ridge Määritä 3D ulkoreunus.
Määritä 3D kohoukser reunus.	inset Määritä 3D ulkoreunus.
Määritä 3D sisäreunus.	outset Määritä 3D ulkoreunus.
Aseta tämä ominaisuus sen oletusarvon arvoon. Katso:	Vaikutus riippuu border-colorin arvosta. Aseta tämä ominaisuus sen oletusarvon arvoon. Katso:Liikkeen liittyvät ominaisuudet
Periisiä isäntäelementistä tämän ominaisuuden. Katso:	initial Periisiä isäntäelementistä tämän ominaisuuden. Katso:Liikkeen liittyvät ominaisuudet

inherit

Tekninen yksityiskohta	Oletusarvo:
none	Perintä:
Ei	Animaation luominen:Ei tuettu. Katso:Liikkeen liittyvät ominaisuudet
.	Versio:
CSS3	JavaScript kieli: object.style.borderInlineStyle="dotted"