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

Önceki Sayfa border-block-start-color
Sonraki Sayfa border-block-start-width

Tanım ve Kullanım

border-block-start-style Özellik, elementin blok yönlü başlangıçtaki kenar çizim tarzını ayarlamak için kullanılır.

CSS border-block-start-style Özellikler ve CSS Özellikleri border-bottom-styleveborder-left-styleveborder-right-style ve border-top-style Çok benzer, ancak border-block-start-style Özellik blok yönelimine bağlıdır.

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

Örnek

Örnek 1

Blok yönelimi başlangıçtaki kenar çizgisi tarzı için stil ayarlayın:

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

Kişisel olarak deneyin

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

Blok yönelimi başlangıçtaki kenar çizgisi tarzı konumu writing-mode Özellik etkisi:

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

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer	Açıklama
none	Varsayılan değer. Kenar çizgisi belirlemek için kullanılır.
hidden	"none" ile aynı, ancak tablo elementi kenar çizgisi çatışma çö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 çukur kenar çizgisi belirler. Etki, border-color değerine bağlıdır.
ridge	3D çizgili 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 varsayılan değerine ayarlar. Bakınız initial.
inherit	Bu özelliği ebeveyn elementinden devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer:	none
Devralabilirlik:	Hayır
Animasyon yapımı:	Desteklenmiyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderBlockStartStyle="dotted"