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

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

Tanım ve kullanım

border-inline-end-color Özellik, elemanın satır içi yönündeki son kenar çizgisi rengini ayarlar.

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

CSS border-inline-end-color özellikleri ile border-bottom-color,border-left-color,border-right-color ve border-top-color Özellikler çok benzerdir, ancak border-inline-end-color Bu özellik, iç yönlü yönelime bağlıdır.

Dikkat:ilgili CSS özelliklerini writing-mode,ile ilgili CSS özelliklerini ve direction İç yönlü yönelimi tanımlar. Bu, bir satırın başlangıç ve bitiş konumlarını ve border-inline-end-color Özelliğin etkisi. İngilizce sayfalar için, iç yönlü yönelim sağdan sola, blok yönelimi aşağıya doğru olacaktır.

Örnek

Örnek 1

İç yönlü direction sonunun kenar çizgisi rengini ayarlayın:

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

Deneyin

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

İç yönlü direction kenar çizgisi konumu, writing-mode Özellik etkisi:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

Deneyin

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

İç yönlü direction kenar çizgisi konumu, direction Özellik etkisi:

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

Deneyin

CSS dilbilgisi

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

Özellik değeri

Değer	Açıklama
color	Kenar çizgisi rengini belirtin. Varsayılan olarak, ögenin mevcut rengidir. Bakınız:CSS Renk Değerleri.
transparent	Kenar çizgisi rengini şeffaf olarak belirtin.
initial	Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit	Bu özelliği ebeveyn ögesinden bu özelliği devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer:	Ögeンの mevcut rengi
Miras özelliği:	Hayır
Animasyon yapımı:	Destekleniyor. Bakınız:Animasyon ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderInlineEndColor="pink"