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

önceki sayfa border-inline-start
Sonraki Sayfa border-inline-start-style

tanım ve kullanım

border-inline-start-color özellik, elementin satır içi yönde başlangıçtaki kenar rengini belirler.

Uyarı：özellik ayarlamak için border-inline-start-color özellik etkili olmalı, ayarlanmalıdır border-inline-start-style özellik.

CSS border-inline-start-color özellik ile alt kenar çizgi rengi、sol kenar çizgi rengi、sağ kenar çizgi rengi ve border-top-color Özellikler çok benzerdir, ancak border-inline-start-color Özellik, içerik yönüne bağımlıdır.

Uyarı：ilgili CSS özelliklerini writing-mode、text-orientation ve direction İçerik yönünü tanımlar. Bu, bir satırın başlangıcı ve bitiş konumunu ve border-inline-start-color Özelliğin etkisi. İngilizce sayfalar için, içerik yönü sağdan sola, blok yönü aşağıya doğrudır.

Örnek

Örnek 1

İçerik yönü başlangıcı处的 kenar çizgi rengi olarak ayarlayın：

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

Kişisel olarak deneyin

Örnek 2

writing-mode özelliğini kullanarak

İçerik yönü başlangıcı处的 kenar çizgi konumu writing-mode Özellik etkisi：

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

Kişisel olarak deneyin

Örnek 3

direction özelliğini kullanarak

İçerik yönü başlangıcı ve bitişi处的 kenar çizgi konumu direction Özellik etkisi：

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

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer	Açıklama
color	Belirtilen kenar çizgi rengi. Varsayılan olarak, öğenin mevcut rengidir. bkz：CSS Renk Değerleri。
transparent	Belirtilen kenar çizgi rengi şeffaftır.
initial	Bu özelliği varsayılan değerine ayarlar. bkz： initial。
inherit	Bu özelliği, ebeveyn öğesinden miras alır. bkz： inherit。

Teknik ayrıntılar

Varsayılan değer：	Öğenin mevcut rengi
Mirasçılık：	Hayır
Animasyon yapımı：	Desteği var. bkz：Animasyonla ilgili özellikler。
Sürüm：	CSS3
JavaScript dilbilgisi：	object.style.borderInlineStartColor="pink"