CSS border-top-width özelliği
- önceki sayfa border-top-style
- Sonraki sayfa border-width
Tanım ve Kullanım
border-top-width özelliği,元素的 üst çerçevesinin genişliğini ayarlar.
Sadece çerçeve stili none değilse etkili olur. Çerçeve stili none ise, çerçeve genişliği aslında 0 olarak sıfırlanır. Negatif uzunluk değerleri belirtilemez.
Açıklama:Her zaman border-top-width özelliği öncesinde border-style özelliğini bildirmelisiniz. Element, çerçeve alındıktan sonra çerçeve genişliğini değiştirebilir.
Daha fazla bilgi için bkz:
CSS Eğitimleri:CSS kenarlık
CSS Referans Kılavuzu:border-top özelliği
HTML DOM Referans Kılavuzu:borderTopWidth özelliği
Örnek
Üst çerçeve genişliğini ayarlama:
p { border-style:solid; border-top-width:15px; }
CSS dilbilgisi
border-top-width: orta|ince|kalın|uzunluk|ilkel|devral|;
Özellik değeri
Değer | Açıklama |
---|---|
İnce üst çerçeveyi tanımlar. | ince |
orta | Varsayılan değer. Orta çerçeveyi tanımlar. |
kalın | Kalın üst çerçeveyi tanımlar. |
uzunluk | Üst çerçeve genişliğini özelleştirmenizi sağlar. |
devral | Belirtilen çerçeve genişliğini ebeveyn öğesinden devralması gerektiğini belirtir. |
Teknik ayrıntılar
Varsayılan değer: | orta |
---|---|
Devralabilirlik: | hayır |
Sürüm: | CSS1 |
JavaScript dilbilgisi: | object.style.borderTopWidth="thick" |
Daha fazla örnek
- Üst çerçeve genişliğini ayarlama
- Bu örnek, üst çerçeve genişliğini nasıl ayarlandığını göstermektedir.
Tarayıcı desteği
Tablodaki sayılar, bu özelliği tamamen 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ğeriyi desteklememektedir. IE8 için !DOCTYPE gereklidir. IE9 "inherit" değeriyi desteklemektedir.
- önceki sayfa border-top-style
- Sonraki sayfa border-width