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

Önceki sayfa border-inline-start-color
Sonraki sayfa border-inline-start-width

Tanım ve kullanım

border-inline-start-style öğelerin satır içi yönünde başlangıçtaki kenar çizim tarzını ayarlar.

CSS'nin border-inline-start-style Özellikler border-bottom-style、border-left-style、border-right-style ve border-top-style Özellikler çok benzerdir, ancak border-inline-start-style Özellik satır içi yönüne bağlıdır.

Dikkat:İlgili CSS özellikleri writing-mode、text-orientation ve direction Satır içi yönü tanımlar. Bu, bir satırın başlangıç ve bitiş konumlarını ve border-inline-start-style Özellikin sonucu. İngilizce sayfalar için, satır içi yön sağdan sola, blok yönü aşağıya doğrudır.

Örnek

Örnek 1

Satır içi yönün başlangıç yerinde kenar çizgisi için stil ayarlayın:

div {
  border-inline-start-style: dotted;
}

Kişisel olarak deneyin

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

Satır içi yönün başlangıç yerinde kenar çizgisi konumu writing-mode Özellik etkisi:

div {
  writing-mode: vertical-rl;
  border-inline-start-style: dotted;
}

Kişisel olarak deneyin

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

Satır içi yönün başlangıç ve bitiş yerinde kenar çizgisi konumu direction Özellik etkisi:

div {
  direction: rtl;
  border-inline-start-style: dotted;
}

Kişisel olarak deneyin

CSS dilbilgisi

border-inline-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Özellik değeri

Değer	Açıklama
none	Öntanımlı değer. Kenar çizgisi olmayan belirler.
hidden	none ile aynı, ancak tablo öğesinin kenar çizgisi çelişki çözümünde farklıdır.
dotted	Noktali kenar çizgisi belirler.
dashed	Dolu çizgili kenar çizgisi belirler.
solid	Düz çizgili kenar çizgisi belirler.
double	Çift çizgili kenar çizgisi belirler.
groove	3D çentik kenar çizgisi belirler. Etki, border-color değerine bağlıdır.
rigde	3D çıkıntılı kenar çizgisi belirler. Etki, border-color değerine bağlıdır.
inset	3D içe gömülü kenar çizgisi belirler. Etki, border-color değerine bağlıdır.
outset	3D dış çıkıntılı kenar çizgisi belirler. Etki, border-color değerine bağlıdır.
initial	Bu özelliği, öntanımlı değerine ayarlar. Bakın: initial.
inherit	Bu özelliği, ebeveyn öğesinden devralır. Bakın: inherit.

Teknik ayrıntılar

Öntanımlı değer:	none
Geçiş özelliği:	Hayır
Animasyon yapımı:	Desteklenmiyor. Aşağıdaki gibi bakın:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderInlineStartStyle="dotted"