CSS border-bottom özelliği

Tanım ve kullanım

border-bottom kısaltılmış özelliği, alt çizgi borderin tüm özelliklerini tek bir beyanda ayarlar.

Aşağıdaki sırayla özellikleri sırayla ayarlayabilirsiniz:

Eğer bu değerlerden biri ayarlanmazsa, sorun olmaz, örneğin border-bottom:solid #ff0000; da izin verilir.

Ayrıca bakınız:

CSS eğitim:CSS Kenar

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

Örnek

Alt çizgi tarzını ayarlayın:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Kişisel olarak deneyin

CSS dilbilgisi

border-bottom: border-width border-style border-color|initial|inherit;

Özellik değeri

Değer Açıklama
border-bottom-width Alt çizgi border genişliğini belirtir. Bakınız:border-bottom-width olası değerler.
border-bottom-style Alt çizgi border tarzını belirtir. Bakınız:border-bottom-style olası değerler.
border-bottom-color Alt çizgi rengini belirtir. Bakınız:border-bottom-color olası değerler.
inherit Alt çizgi border özelliğinin ayarlarını ebeveyn öğesinden devralması gerektiğini belirtir.

Teknik ayrıntılar

Öntanımlı değer: belirtilmemiş
Devralabilirlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.borderBottom="3px solid blue"

Daha fazla örnek

Tüm alt çizgili özellikler bir beyanda
Bu örnek, tüm alt çizgili özellikleri tek bir beyanda ayarlamak için kısaltılmış özellikleri kullanmayı göstermektedir.

Tarayıcı desteği

Tablo, bu özelliği tamamen 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.