CSS border-width özelliği

Tanım ve Kullanım

Öğenin tüm kenar çizgilerine genişlik ayarlamak veya her bir kenar çizgisi için ayrı ayrı genişlik ayarlamak için kullanılır.

border-width kısa özelliği, elementin tüm kenar çizgilerine genişlik ayarlar veya her bir kenar çizgisi için ayrı ayrı genişlik ayarlar.

Sadece kenar çizgi stili none değilse etkilidir. Kenar çizgi stili none ise, kenar çizgi genişliği aslında 0 olarak yeniden ayarlanır. Negatif uzunluk değerleri belirtilmez.

Örnek 1
  • border-width:thin medium thick 10px;
  • Üst kenar çizgisi ince çizgidir
  • Üst kenar çizgisi 10px genişliğindedir
  • Sağ kenar çizgisi orta genişliğindedir

Sol kenar çizgisi 10px genişliğinde bir çizgidir

Örnek 2
  • border-width:thin medium thick;
  • Üst kenar çizgisi ve alt kenar çizgisi ince çizgilerdir
  • Üst kenar çizgisi 10px genişliğindedir

Alt kenar çizgisi kalın çizgidir

Örnek 3
  • border-width:thin medium;
  • Üst kenar çizgisi ve alt kenar çizgisi ince çizgilerdir

Sağ kenar çizgisi ve sol kenar çizgisi orta genişliğindedir

Örnek 4
  • border-width:thin;

Tüm 4 kenar çizgisi ince çizgilerdir

Örnek

Dört kenar çizgi genişliğini ayarlayın：
  p
  {
  border-style:solid;
  border-width:15px;

}

Deneyin

CSS Dilbilgisilengthborder-width: medium|thin|thick|

|initial|inherit;

Özellik Değeri Değer
Tanım thin
medium Öntanımlı. Orta genişlikte bir kenar çizgisi tanımlar.
thick Kalın kenar çizgisi tanımlar.
length Kenar çizgilerinin genişliğini özelleştirmenizi sağlar.
inherit Kenar çizgi genişliğini ebeveyn öğesinden devralması gerektiğini belirtir.

Daha Fazla Örnek

Tüm kenar çizgi genişlikleri bir açıklamada
Bu örnek, tüm kenar çizgi genişliklerini aynı açıklamada ayarlamak için kısa özellik kullanmakla gösterilir.

Teknik Ayrıntılar

Öntanımlı Değer： medium
Miras: no
Sürüm： CSS1
JavaScript Dilbilgisi： object.style.borderWidth="thin thick"

Tarayıcı Desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Ayrıca bakınız：

CSS Eğitimi：CSS 边框

HTML DOM Referans Kılavuzu：borderWidth özelliği