CSS border-block-end özelliği

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

Tanım ve kullanım

border-block-end özellikleri, aşağıdaki özelliklerin kısaltma şeklidir:

CSS border-block-end özellikleri CSS'nin border-bottom,border-left,border-right ve border-top Bu özellikler çok benzerdir, ancak border-block-end Bu özellik, blok yönüne bağlıdır.

Dikkat:ilgili CSS özelliklerini etkiler writing-mode Blok yönünü tanımlar. Bu, blokların başlangıç ve bitiş konumlarını ve border-block-end Özellikin sonucu. İngilizce sayfalar için, satır içi yön sağdan sola, blok yönü aşağıya doğru gider.

Örnek

Örnek 1

Blokların sonundaki kenar çizgisine genişlik, renk ve tarz ayarlayın:

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

Kişisel olarak deneyin

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

Blokların sonundaki kenar çizgi konumu, writing-mode Özellikin etkisi:

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer	Açıklama
border-block-end-width	Bu özellik, blok yönündeki elemanın sonundaki kenar çizgi genişliğini belirtir. Öntanımlı değer "medium" dir.
border-block-end-style	Bu özellik, blok yönündeki elemanın sonundaki kenar çizgi tarzını belirtir. Öntanımlı değer "none" dir.
border-block-end-color	Bu özellik, blok yönündeki elemanın sonundaki kenar çizgi rengini belirtir. Öntanımlı değer, kenar çizgisinin mevcut rengidir.
initial	Bu özelliği öntanımlı değerine ayarlar. Bakınız initial.
inherit	Bu özelliği ebeveyn elementinden devralır. Bakınız inherit.

Teknik ayrıntılar

Öntanımlı değer:	medium none currentcolor
Devralabilirlik:	Hayır
Animasyon yapımı:	Desteklenir. Aşağıdan bakın:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderBlockEnd="pink dotted 5px"