CSS border-top-color özelliği
- Önceki sayfa border-top
- Son sayfa border-top-left-radius
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; }
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.
- Önceki sayfa border-top
- Son sayfa border-top-left-radius