CSS border-top-color özelliği

Tanım ve kullanım

border-top-color, elementin üst çerçevesinin rengini ayarlar.

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

Açıklama:Her zaman border-style özniteliğini border-color özniteliği öncesinde beyan edin. Element, rengi değiştirmeden önce çerçeve almalıdır.

Daha fazla bilgi için bkz:

CSS eğitimi:CSS Kenarlık

CSS referans el kitabı:border-top özniteliği

HTML DOM referans el kitabı:borderTopColor özniteliği

Örnek

Üst çerçeve rengini ayarlama:

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

Kişisel olarak deneyin

CSS dilbilgisi

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

Öznitelik değeri

Öznitelik değeri

Değer Açıklama
color_name Rengi renk adı olan çerçeve rengini tanımlar (örneğin kırmızı).
hex_number Rengi onaltılık değeri olan çerçeve rengini tanımlar (örneğin #ff0000).
rgb_number Rengi rgb kodu olan çerçeve rengini tanımlar (örneğin rgb(255,0,0)).
transparent Varsayılan değer. Çerçeve rengi şeffaftır.
inherit Belirtilen, ebeveyn öğeden çerçeve rengini devralması gerektiğini tanımlar.

Teknik ayrıntılar

Varsayılan değer: belirtilmemiş
Devralabilirlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.borderTopColor="blue"

Daha fazla örnek

Üst çerçeve rengini ayarlama
Bu örnek, üst çerçeve rengini nasıl ayarlayacağınızı gösterir.

Tarayıcı desteği

Tablo, bu öznitelik için tamamen desteklenen ilk tarayıcı sürümünü belirtir.

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

Açıklama:Internet Explorer 6 (ve daha eski sürümler) "transparent" özniteliğine desteklenmiyor.

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