CSS border-block-color özelliği

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

Tanım ve kullanım

border-block-color Özellik, elementin blok yönündeki kenar çizgisi rengini ayarlar.

Dikkat:Kullanmak için border-block-color Özellik geçerli olmalı, ayarlanmalıdır border-block-style.

border-block-color Özelliğin değeri farklı yollarla ayarlanabilir：

Eğer border-block-color Özellik iki değer içerir：

border-block-color: pink lightblue;

Block başlangıç yerindeki kenar çizgisi rengi pink'tir
Block bitiş yerindeki kenar çizgisi rengi lightblue ise

Eğer border-block-color özelliğinde bir değer vardır:

border-block-color: pink;

Block başlangıç ve bitiş yerindeki kenar çizgisi renkleri pink'tir

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

Dikkat:İlgili CSS özelliklerini etkiler writing-mode Block yönünü tanımlar. Bu, bloğun başlangıç ve bitiş pozisyonlarını ve border-block-color Özelliğin sonucu. İngilizce sayfalar için, satır içi yön sağdan sola, block yönü aşağıya doğrudır.

Örnek

Örnek 1

Block yönündeki kenar çizgisi rengini ayarlayın:

#example1 {
  border-block-style: solid;
  border-block-color: pink;
}
#example2 {
  border-block-style: solid;
  border-block-color: pink lightblue;
}

Kişisel olarak deneyin

Örnek 2: writing-mode Özelliği ile Birlikte

Block yönündeki kenar çizgisi rengi başlangıç ve bitiş pozisyonları, writing-mode özelliğinin etkisi altındadır:

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

Kişisel olarak deneyin

CSS Dilbilgisi

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

Özellik Değeri

Değer	Açıklama
color	Kenar çizgisi rengini belirleyin. Varsayılan renk, öğenin mevcut rengidir. Tam renk değerleri listesini almak için CSS renk değerlerini görün.
transparent	Kenar çizgisi rengini şeffaf olarak belirleyin.
initial	Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit	Bu özelliği, ebeveyn öğesinden bu özelliği devralır. Bakınız inherit.

Teknik Ayrıntılar

Varsayılan Değer:	Öğenin Mevcut Rengi
Miraslık:	Hayır
Animasyon Yapımı:	Destekleniyor. Bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.borderBlockColor="pink"