CSS border-inline-width özelliği

Önceki Sayfa border-inline-style
Sonraki Sayfa border-left

定义和用法

border-inline-width 属性设置元素在行内方向上的边框宽度。

Dikkat:要使 border-inline-width 属性生效，必须设置 border-inline-style.

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

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

border-inline-width: 10px 50px;

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

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

border-inline-width: 10px;

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

CSS border-inline-width 属性与 CSS 属性 border-bottom-width,border-left-width,border-right-width ve border-top-width Çok benzer, ancak border-inline-width Özellik, iç yönde bağlıdır.

Dikkat:ile ilgili CSS özelliklerini writing-mode,text-orientation ve direction İç yönde tanımlar. Bu, bir satırın başlangıç ve bitiş konumlarını ve border-inline-width Özellikin Sonucu. İngilizce sayfalar için, iç yönde soldan sağa, blok yönde aşağıya doğru gider.

Örnek

Örnek 1

İçindeki yöndeki kenar çizgisi genişliğini ayarlayın:

#example1 {
  border-inline-style: solid;
  border-inline-width: 10px;
}
#example2 {
  border-inline-style: dashlı;
  border-inline-width: ince kalın;
}

Kişisel Olarak Deneyin

Örnek 2: writing-mode Özelliğiyle Birleştirme

İçindeki başlangıç ve bitiş yerleri, writing-mode Özellik Etkisi:

div {
  border-inline-style: solid;
  writing-mode: vertical-rl;
  border-inline-width: 5px;
}

Kişisel Olarak Deneyin

Örnek 3: direction Özelliğiyle Birleştirme

İçindeki başlangıç ve bitiş yerleri, direction Özellik Etkisi:

div {
  direction: rtl;
  border-inline-width: 5px 15px;
}

Kişisel Olarak Deneyin

CSS Dilbilgisi

border-inline-width: orta|ince|kalın|length|initial|inherit;

Özellik Değeri

Değer	Açıklama
orta	Orta kalınlık belirler. Varsayılan değer.
İnce	İnce kenar çizgisi belirler.
Kalın	Kalın kenar çizgisi belirler.
length	Bu özelliği, kenar çizginin kalınlığını tanımlamanıza olanak tanır. Ayrıca bakınız:CSS Birimleri.
initial	Bu özelliği, varsayılan değerine ayarlar. Ayrıca bakınız: initial.
miras	Bu özelliği, ebeveyn elementinden miras alır. Ayrıca bakınız: miras.

Teknik Ayrıntılar

Varsayılan Değer:	orta
Miraslık:	Hayır
Animasyon Yapımı:	Desteği Var. Ayrıca Bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.borderInlineWidth="3px 10px"