CSS border-inline-start-width özelliği

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

Tanım ve kullanım

border-inline-start-width Özellik ayar elementinin satır içi yönde başlangıçtaki kenar çizgisi genişliği.

Uyarı:İşlemek için border-inline-start-width Özellik etkinleştirilmiş, ayarlanmalıdır border-inline-start-style özellikleri ile özdeşlerdir.

özellikleri ile border-inline-start-width özellikleri, CSS'nin border-bottom-width,border-left-width,border-right-width ve border-top-width Özellikler çok benzerdir, ancak border-inline-start-width Özellik, iç yönüne bağlıdır.

Uyarı:ilgili CSS özellikleri writing-mode,text-orientation ve direction İç yönü tanımlar. Bu, satırın başlangıcı ve bitiş konumunu ve border-inline-start-width Özellikin sonucu. İngilizce sayfalar için, iç yön sağdan sola, blok yönü aşağıya doğrudır.

Örnek

Örnek 1

İç yön başlangıcındaki çerçeve genişliğini ayarlayın:

div {
  border-inline-start-style: solid;
  border-inline-start-width: 10px;
}

Kişisel olarak deneyin

Örnek 2: writing-mode özelliği ile birleştirme

İç yön başlangıcıdaki çerçeve konumu, writing-mode Özellik etkisi:

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

Kişisel olarak deneyin

Örnek 3: direction özelliği ile birleştirme

İç yön başlangıcı ve bitişindeki çerçeve konumu, direction Özellik etkisi:

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer	Açıklama
orta	Orta çerçeve belirler. Varsayılan değer.
thin	İnce çerçeve belirler.
thick	Kalın çerçeve belirler.
length	Bu özelliği çerçeve kalınlığını tanımlamanıza olanak tanır. Bakınız:CSS Birimleri.
initial	Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit	Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer:	orta
Mirasçılık:	Hayır
Animasyon yapımı:	Destekleniyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderInlineStartWidth="10px"