CSS border-bottom-color özelliği

Tanım ve Kullanım

border-bottom-color, elementin alt çizgi rengini ayarlar.

Sadece saf renk tanımlanabilir ve sadece çizgi stili none veya hidden olmayan bir değer olduğunda çizgi görünür olabilir.

Yorum:Her zaman border-style öznitelik değerini border-color öznitelik değerinden önce belirtin. Element, rengi değiştirmeden önce çizgiyi almalıdır.

Daha Fazla Bilgi:

CSS Eğitimleri:CSS kenarlık

CSS Referans Kılavuzu:border-bottom Öznitelik

HTML DOM Referans Kılavuzu:borderBottomColor Öznitelik

Örnek

Alt çizgi rengini ayarlama:

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

Kişisel Deneyim

CSS Dilbilgisi

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

Öznitelik Değeri

Değer Açıklama
color_name Rengi renk adı olan çizgi rengini belirtir (örneğin kırmızı).
hex_number Rengi onaltılık değeri olan çizgi rengini belirtir (örneğin #ff0000).
rgb_number Rengi rgb kodu olan çizgi rengini belirtir (örneğin rgb(255,0,0)).
transparent Öntanımlı Değer. Çizgi rengi şeffaftır.
inherit Belirtilen, ebeveyn öğeden miras alınması gereken çizgi rengidir.

Teknik Açıklamalar

Öntanımlı Değer: belirtilmemiş
Miras Edilebilirlik: hayır
Sürüm: CSS1
JavaScript Dilbilgisi: object.style.borderBottomColor="blue"

Daha fazla örnek

Alt çizgi rengini ayarlama
Bu örnek, alt çizgi rengini nasıl ayarlayacağınızı göstermektedir.

Tarayıcı Destek

Tablo, bu öznitelik için tamamen desteklenen 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ümleri) "transparent" öznitelik değerini desteklememektedir.

Yorum:IE7 ve daha eski sürümler "inherit" değeriyi desteklememektedir. IE8 için !DOCTYPE gereklidir. IE9 "inherit" değeriyi desteklemektedir.