CSS border-top özelliği
- önceki sayfa border-style
- Sonraki Sayfa border-top-color
Tanım ve kullanım
border-top kısa ad özelliği, üst çerçevenin tüm özelliklerini bir açıklamaya ayarlar.
Aşağıdaki özellikleri sırayla ayarlayabilirsiniz:
Eğer değer ayarlanmazsa, sorun olmaz, örneğin border-top:solid #ff0000; da izin verilir.
Ayrıca bakınız:
CSS eğitimi:CSS Kenarlık
HTML DOM referans el kitabı:borderTop özelliği
Örnek
Üst çerçevenin tarzını ayarlayın:
p { border-style:solid; border-top:thick double #ff0000; }
CSS dilbilgisi
border-top: border-width border-style border-color|initial|inherit;
Özellik değeri
Değer | Açıklama |
---|---|
border-top-width | Üst çerçevenin genişliğini belirtir. Bakınız:border-top-width olası değerler. |
border-top-style | Üst çerçevenin tarzını belirtir. Bakınız:border-top-style olası değerler. |
border-top-color | Üst çerçevenin rengini belirtir. Bakınız:border-top-color olası değerler. |
inherit | Ana elementten border-top özelliğinin ayarlarını devralması gerektiğini belirtir. |
Teknik ayrıntılar
Varsayılan değer: | belirtilmemiş |
---|---|
Devralabilirlik: | hayır |
Sürüm: | CSS1 |
JavaScript dilbilgisi: | object.style.borderTop="3px solid blue" |
Daha fazla örnek
- Tüm üst çerçeve özellikleri bir açıklamada
- Bu örnek, tüm üst çerçeve özelliklerini aynı açıklamada kısa isimlerle ayarlamayı göstermektedir.
Tarayıcı desteği
Tablo, bu özelliği tam olarak 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 |
Açıklama:IE7 ve daha eski tarayıcılar "inherit" değeri desteklememektedir. IE8 için !DOCTYPE gereklidir. IE9 "inherit" destekler.
- önceki sayfa border-style
- Sonraki Sayfa border-top-color