CSS border-bottom-width özelliği

Tanım ve kullanım

border-bottom-width özelliği, elemanın alt çizginin genişliğini ayarlar.

Kenar stili none olmadıkça etkilidir. Kenar stili none ise, kenar genişliği gerçekten 0 olarak sıfırlanır. Negatif uzunluk değerleri belirtilemez.

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

Daha fazla bilgi için bkz:

CSS eğitimi:CSS Kenar

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

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

Örnek

Alt çizginin genişliğini ayarlama:

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

Deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Tanım
thin İnce alt çizgiyi tanımlar.
orta Varsayılan değer. Orta alt çizgiyi tanımlar.
thick Kalın alt çizgiyi tanımlar.
length Alt çizginin genişliğini özelleştirmenizi sağlar.
inherit Kenar genişliğinin, ebeveyn elemanından miras alınması gerekmektedir.

Daha fazla örnek

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

Teknik ayrıntılar

Varsayılan 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 sayılar, 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" değerini destekler.