CSS border-block-width özelliği

Önceki Sayfa border-block-style
Sonraki Sayfa border-bottom

Tanım ve kullanım

border-block-width Özellik ayar elementinin blok yönündeki kenar çizgisi genişliğini belirler.

Uyarı:Aşağıdakilerden biri olmalı: border-block-width Özellik etkin olmalı, ayarlanmalıdır border-block-style.

border-block-width Özelliğin değeri farklı yöntemlerle ayarlanabilir:

Eğer border-block-width Özellik iki değer içerir:

border-block-width: 10px 50px;

Blok başlangıç konumundaki kenar çizgisi genişliği 10px ise
Blok bitiş konumundaki kenar çizgisi genişliği 50px ise

Eğer border-block-width Özelliğin bir değeri vardır:

border-block-width: 10px;

Blok başlangıç ve bitiş konumlarındaki kenar çizgisi genişliği 10px'tir

CSS border-block-width özellikleri, CSS özellikleri border-bottom-width,border-left-width,border-right-width ve border-top-width Çok benzer, ancak border-block-width Özellik blok yönüne bağlıdır.

Uyarı:ilgili CSS özelliklerini etkiler writing-mode Blok yönünü tanımlar. Bu, bloğun başlangıç ve bitiş konumlarını ve border-block-width Ö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

Blok yönündeki kenar çizgisi genişliğini ayarlayın:

#example1 {
  border-block-style: solid;
  border-block-width: 10px;
}
#example2 {
  border-block-style: solid;
  border-block-width: ince kalın;
}

Kişisel Olarak Deneyin

Örnek 2: writing-mode Özelliğiyle Birleştirme

Blok yönündeki başlangıç ve bitiş konumları kenar çizgileri, writing-mode Özellik Etkisi:

div {
  border-block-style: solid;
  writing-mode: vertical-rl;
  border-block-width: 5px;
}

Kişisel Olarak Deneyin

CSS Dilbilgisi

border-block-width: orta|ince|kalın|length|initial|inherit;

Özellik Değeri

Değer	Açıklama
orta	Orta kalınlıkta kenar çizgisi belirtir. Varsayılan değer.
thin	İnce kenar çizgisi belirtir.
thick	Kalın kenar çizgisi belirtir.
length	Bu özelliği, kenar çizgisinin kalınlığını tanımlamanıza olanak tanır. Ayrıca bakınız:CSS Birimleri.
initial	Bu özelliği varsayılan değerine ayarlar. Ayrıca bakınız: initial.
inherit	Bu özelliği ebeveyn öğesinden miras alır. Ayrıca bakınız: inherit.

Teknik Ayrıntılar

Varsayılan Değer:	orta
Geçişlilik:	Hayır
Animasyon Yapımı:	Desteği var. Ayrıca bakınız:Animasyon İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.borderBlockWidth="3px 10px"