CSS border-inline-end özelliği

Önceki Sayfa border-inline-color
Sonraki Sayfa border-inline-end-color

Tanım ve kullanım

border-inline-end Özellikler aşağıdaki özelliklerin kısaltmalarıdır:

border-inline-end-width（Satır içi bitiş kenar çizgi genişliği）
border-inline-end-style（Satır içi bitiş kenar çizgi stili）
border-inline-end-color（Satır içi bitiş kenar çizgi rengi）

CSS'nin border-inline-end Özellikler border-bottom、border-left、border-right ve border-top Özellikler çok benzer, ancak border-inline-end Özellik satır içi yönlü bağlıdır.

Dikkat:İlgili CSS özellikleri writing-mode、text-orientation ve direction Satır içi yönünü tanımlar. Bu, bir satırın başlangıç ve bitiş konumlarını ve border-inline-end Özelliğin sonucu. İngilizce sayfalar için, satır içi yön sağdan sola, blok yönü yukarıdan aşağıya doğru olacaktır.

Örnek

Örnek 1

Satır içi yönündeki son kenar çizgiden genişlik, renk ve tarzı ayarlayın:

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

Deneyin

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

Satır içi yönündeki son kenar çizgi konumu, writing-mode Özellik etkisi:

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

Deneyin

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

Satır içi yönündeki son kenar çizgi konumu, direction Özellik etkisi:

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

Deneyin

CSS dilbilgisi

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

Özellik değeri

Değer	Açıklama
border-inline-end-width	Belirtilen elementin satır içi yönündeki son kenar çizgi genişliğini belirtir. Varsayılan değeri "medium"tir.
border-inline-end-style	Belirtilen elementin satır içi yönündeki son kenar çizgi tarzını belirtir. Varsayılan değeri "none"tir.
border-inline-end-color	Belirtilen elementin satır içi yönündeki son kenar çizgi rengini belirtir. Varsayılan değeri, mevcut kenar çizgi rengidir.

Değer

Açıklama

border-inline-end-width

Belirtilen elementin satır içi yönündeki son kenar çizgi genişliğini belirtir.

Varsayılan değeri "medium"tir.

border-inline-end-style

Belirtilen elementin satır içi yönündeki son kenar çizgi tarzını belirtir.

Varsayılan değeri "none"tir.

border-inline-end-color

Belirtilen elementin satır içi yönündeki son kenar çizgi rengini belirtir.

Varsayılan değeri, mevcut kenar çizgi rengidir.

Teknik ayrıntılar

initial	Bu özelliği varsayılan değerine ayarlayın. Bakınız initial.
inherit	Bu özelliği, ebeveyn elemanından alır. Bakınız inherit.
Varsayılan değer:	medium none currentcolor
Geçiş özelliği:	Hayır
Animasyon yapımı:	Desteklenir. Bakınız:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderInlineEnd="pink dotted 5px"