CSS border-bottom-color özelliği

Tanım ve Kullanım

border-bottom-color, öğenin alt çizginin rengini ayarlar.

Sadece saf renk tanımlanabilir ve sadece border tarzı none veya hidden olmayan bir değer olduğunda kenar gözükebilir.

Yorum:Her zaman border-style özniteliğini border-color özniteliği önce beyan edin. Element, rengi değiştirmeden önce kenarı almalıdır.

Ayrıca bakınız:

CSS Eğitimi:CSS Kenar

CSS Referans Kılavuzu:border-bottom özniteliği

HTML DOM Referans Kılavuzu:borderBottomColor özniteliği

Örnek

Alt çizginin rengini ayarlama:

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

Deneyin

CSS dilbilgisi

border-bottom-color: color|transparent|initial|inherit;

Öznitelik değeri

Değer Açıklama
color_name Renk adı içeren renk değerini içeren kenar çizgisi rengi belirtin (örneğin kırmızı).
hex_number Onaltılık değerli renk değerini içeren kenar çizgisi rengi belirtin (örneğin #ff0000).
rgb_number rgb kodu olan renk değerini içeren kenar çizgisi rengi belirtin (örneğin rgb(255,0,0)).
transparent Öntanımlı değer. Kenar çizgisi rengi şeffaftır.
inherit Belirtildiği gibi, kenar çizgisi rengi ebeveyn öğesinden miras alınmalıdır.

Teknik ayrıntılar

Öntanımlı değer: belirtilmemiş
Miraslık: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.borderBottomColor="blue"

Daha fazla örnek

Alt çizginin rengini ayarlama
Bu örnek, alt çizginin rengini nasıl ayarlandığını göstermektedir.

Tarayıcı Desteği

Tablo, bu öznitelik için 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

Yorum:Internet Explorer 6 (ve daha eski sürümler) "transparent" öznitelik değerini desteklememektedir.

Yorum:IE7 ve daha eski tarayıcılar "inherit" değeriyi desteklememektedir. IE8 için !DOCTYPE gereklidir. IE9 "inherit" değerini desteklemektedir.