CSS border-top-color özelliği

Tanımlama ve kullanım

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

Sadece saf renk tanımlanabilir ve yalnızca ç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 öznitelik değerini border-color öznitelik değerinden önce beyan edin. Element, rengi değiştirmeden önce çerçevesi almalıdır.

Diğerlerine bakınız:

CSS eğitim:CSS Kenar

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

HTML DOM referans el kitabı:borderTopColor öznitelğ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ı ile belirtilmiş çerçeve rengi (örneğin red) belirtir.
hex_number Rengi onaltılık değeri ile belirtilmiş çerçeve rengi (örneğin #ff0000) belirtir.
rgb_number Rengi rgb kodu ile belirtilmiş çerçeve rengi (örneğin rgb(255,0,0)) belirtir.
transparent Öntanımlı değer. Çerçeve rengi şeffaftır.
inherit Belirtildiği gibi, çerçeve rengi öznitelik değeri, ebeveyn öğesinden devralınmalıdır.

Teknik ayrıntılar

Öntanımlı değer: belirtilmemiş
Miraslık: 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 ayarladığınızı göstermektedir.

Tarayıcı desteği

Tablodaki numaralar, 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

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

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