CSS border-top-width özelliği

Tanımlama ve Kullanım

border-top-width özelliği, elementin ü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 yeniden ayarlanır. Negatif uzunluk değerleri belirtilemez.

Açıklama:Her zaman border-top-width özelliği öncesinde border-style özelliğini beyan etmelisiniz. Element, çerçeve alındıktan sonra çerçeve genişliğini değiştirebilir.

Ayrıca bakınız:

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;
  }

Kişisel olarak deneyin

CSS dilbilgisi

border-top-width: medium|thin|thick|length|initial|inherit;

Özellik değeri

Değer Açıklama
thin İnce üst çerçeveyi tanımlar.
orta Varsayılan değer. Orta çerçeveyi tanımlar.
thick Kalın üst çerçeveyi tanımlar.
length Üst çerçeve genişliğini özelleştirmenizi sağlar.
inherit Belirtilen çerçeve genişliğini ebeveyn öğesinden miras almasını gerektirir.

Teknik ayrıntılar

Varsayılan değer: orta
Miras: 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österir.

Tarayıcı desteği

Tablo içindeki rakamlar, 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ğeri desteklememektedir. IE8 için !DOCTYPE gereklidir. IE9 "inherit" destekler.