CSS border-block-style özelliği

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

tanım ve kullanım

border-block-style özellik, elementin blok yönlündeki kenar çizgi tarzını ayarlar.

border-block-style özellik değerleri farklı yöntemlerle ayarlanabilir:

eğer border-block-style özellik iki değere sahiptir:

border-block-style: dashed dotted;

blok başlangıç yerindeki kenar çizgisi çizgili
blok bitiş yerindeki kenar çizgisi noktalı çizgili

eğer border-block-style özellik bir değere sahiptir:

border-block-style: çizgili;

blok başlangıç ve bitiş yerlerindeki kenar çizgileri çizgili

CSS border-block-style özellikleri ile CSS özellikleri border-bottom-styleveborder-left-styleveborder-right-style ve border-top-style Oldukça benzer, ancak border-block-style Ö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ş konumlarını ve border-block-style Özellikin sonucu. İ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ündeki kenar tarzını ayarlayın:

#example1 {
  border-block-style: solid;
}
#example2 {
  border-block-style: dashed dotted;
}

Kişisel olarak deneyin

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

Blok yönü başlangıç ve bitiş yerinde kenar tarzının konumu writing-mode Özellik etkisi:

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

Kişisel olarak deneyin

CSS dilbilgisi

border-block-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. Kenarsız belirler.
hidden	none ile aynı, ancak tablo elementi kenar çelişik çözümünde dışında.
dotted	nokta çizgi kenar belirler.
dashed	Boşluk çizgi kenar belirler.
solid	Sıradan çizgi kenar belirler.
double	Çift çizgi kenar belirler.
groove	3D yuvarlak oluk kenar belirler. Etki, border-color değerine bağlıdır.
ridge	3D yuvarlak kenar belirler. Etki, border-color değerine bağlıdır.
inset	3D iç yuvarlak kenar belirler. Etki, border-color değerine bağlıdır.
outset	3D dış yuvarlak kenar belirler. Etki, border-color değerine bağlıdır.
initial	Bu özelliği öntanımlı değerine ayarlar. bkz: initial.
inherit	Bu özelliği ebeveyn elementinden devralır. bkz: inherit.

Teknik ayrıntılar

Öntanımlı değer:	none
Geçişlilik:	Hayır
Animasyon yapımı:	Desteklenmiyor. bkz:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.borderBlockStyle="dotted"