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

Önceki sayfa border-inline-end-style
Sonraki sayfa border-inline-start

Tanım ve kullanım

border-inline-end-width Özellik ayarı elemanın satır içi yönde son kenarlık genişliği.

Uyarı:yapmak için border-inline-end-width özellikleri etkili olmalıdır, border-inline-end-style özellikleri ile

CSS border-inline-end-width özellikleri, CSS özellikleri border-bottom-width,border-left-width,border-right-width ve border-top-width Çok benzer, ancak border-inline-end-width Özellik, içerik yönüne bağlıdır.

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

Örnek

Örnek 1

İçerik yönü bitiş kenar çizgi genişliğini ayarlama:

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

Kişisel olarak deneyin

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

İçerik yönü bitiş kenar çizgi konumları writing-mode Özellik etkisi:

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

Kişisel olarak deneyin

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

İçerik yönü başlangıç ve bitiş kenar çizgi konumları direction Özellik etkisi:

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

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer	Açıklama
orta	Orta kenar çizgisi belirtir. Varsayılan değer.
thin	İnce kenar çizgisi belirtir.
thick	Kalın kenar çizgisi belirtir.
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.
inherit	Bu özelliği, ebeveyn elementinden miras alır. Ayrıca bakınız: inherit.

Teknik ayrıntılar

Varsayılan değer:	orta
Miras:	Hayır
Animasyon yapımı:	Desteklenir. Ayrıca bakınız:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderInlineEndWidth="10px"