CSS border-block-end-color özelliği

Önceki sayfa border-block-end
Sonraki Sayfa border-block-end-style

Tanım ve kullanım

border-block-end-color öznitelik, blok yönünün sonundaki öğenin kenarlık rengini ayarlamak için kullanılır.

Dikkat:tarafından border-block-end-color özellikinin etkili olabilmesi için border-block-end-style özellikleri ile

CSS border-block-end-color özelliği, CSS özelliği border-bottom-width,border-left-width,border-right-width ve border-top-width Çok benzer, ancak border-block-end-color Özellik, blok yönüne bağlıdır.

Dikkat:İlgili CSS özellikleri writing-mode Blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve ilgili CSS özelliklerini etkiler. border-block-end-color Ö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

Blok yönünün sonundaki kenarlığa renk ayarlayın:

div {
  border-block-end-style: solid;
  border-block-end-color: pink;
}

Kişisel olarak deneyin

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

Blok yönünün sonundaki kenarlık rengi konumu writing-mode Özellik etkisi:

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

Kişisel olarak deneyin

CSS dilbilgisi

border-block-end-color: color|transparent|initial|inherit;

Özellik değeri

Değer	Açıklama
color	Kenarlık rengi belirtilmelidir. Öntanımlı olarak, öğenin mevcut rengidir. Ayrıca bakınız:CSS Renk Değerleri.
transparent	Kenarlık rengi belirtilmelidir. Şeffaf olmalıdır.
initial	Bu özelliği, öntanımlı değerine ayarlar. Ayrıca bakınız: initial.
inherit	Bu özelliği, ebeveyn öğesinden devralır. Ayrıca bakınız: inherit.

Teknik ayrıntılar

Öntanımlı değer:	Öğenin mevcut rengi
Devralabilirlik:	Hayır
Animasyon yapımı:	Desteği var. Ayrıca bakınız:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderBlockEndColor="pink"