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

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

Tanım ve kullanım

border-block-start-color özelliği, elementin blok yönü başlangıcındaki kenar çizgisi rengini ayarlar.

Dikkat:olarak border-block-start-color özellik etkili olmalıdır, border-block-start-style özellikleri ile

CSS border-block-start-color özellikleri CSS özellikleri border-bottom-color,border-left-color,border-right-color ve border-top-color Çok benzer, ancak border-block-start-color Bu özellik blok yönüne bağlıdır.

Dikkat:ilgili CSS özelliklerini etkiler writing-mode Blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş yerlerini ve border-block-start-color Özellik sonuçları. İngilizce sayfalar için, satır içi yön sağdan sola, blok yönü aşağıya doğru olacaktır.

Örnek

Örnek 1

Blok yönü başlangıcındaki kenar çizgisi rengini ayarlayın：

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

Kendiniz deneyin

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

Blok yönü başlangıç yerinin kenar çizgisi rengi, writing-mode Özellik etkisi：

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

Kendiniz deneyin

CSS dilbilgisi

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

Özellik değeri

Değer	Açıklama
color	Kenar çizgisi rengi belirtilmelidir. Varsayılan olarak, öğenin mevcut rengidir. Bakınız：CSS Renk Değerleri。
transparent	Kenar çizgisi rengi belirtilmelidir. Şeffaf olmalıdır.
initial	Bu özelliği varsayılan değerine ayarlar. Bakınız initial。
inherit	Bu özelliği ebeveyn öğesinden devralır. Bakınız inherit。

Teknik ayrıntılar

Varsayılan değer：	Öğenin mevcut rengi
Geçişlilik：	Hayır
Animasyon yapımı：	Destekleniyor. Bakınız：Animasyonla ilgili özellikler。
Sürüm：	CSS3
JavaScript dilbilgisi：	object.style.borderBlockStartColor="pink"