CSS border-bottom-width özelliği

Tanımlama ve kullanım

border-bottom-width özelliği, elementin alt çizgisinin genişliğini ayarlar.

Kenar stili none olmadıkça etkili olur. Kenar stili none ise, kenar genişliği aslında 0 olarak yeniden ayarlanır. Negatif uzunluk değerleri belirtilemez.

Açıklama:Her zaman border-bottom-width özelliği öncesinde border-style özelliğini beyan etmelisiniz. Element, kenarı elde ettikten sonra, kenar genişliğini değiştirebilir.

Diğerlerine bakın:

CSS eğitim:CSS kenarlık

CSS referans el kitabı:border-bottom özelliği

HTML DOM referans el kitabı:borderBottomWidth özelliği

Örnek

Alt çizgi genişliğini ayarlama:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Kişisel olarak deneyin

CSS dilbilgisi

border-bottom-width: medium|thin|thick|length|initial|inherit;

Özellik değeri

Değer Açıklama
thin Ince alt çizgiyi tanımlar.
orta Öntanımlı değer. Orta alt çizgiyi tanımlar.
thick Kalın alt çizgiyi tanımlar.
length Alt çizgi genişliğini özelleştirmenizi sağlar.
inherit Kenar genişliğini ebeveyn öğesinden miras almalıdır.

Daha fazla örnek

Alt çizgi genişliğini ayarlama
Bu örnek, alt çizgi genişliğini nasıl ayarlandığını gösterir.

Teknik ayrıntılar

Öntanımlı değer: orta
Mirasçılık: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.borderBottomWidth="thick"

Tarayıcı desteği

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

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

Açıklama:IE7 ve daha eski tarayıcılar "inherit" değeri desteklememektedir. IE8 için !DOCTYPE gereklidir. IE9 "inherit" destekler.