CSS border-right-width özelliği

Tanım ve kullanım

border-right-width özelliği, elemanın sağ kenar çubuğunun genişliğini ayarlar.

Kenar çubuğu stili none olmadıkça etkilidir. Kenar çubuğu stili none ise, kenar çubuğu genişliği aslında 0 olarak yeniden ayarlanır. Negatif uzunluk değerleri belirlenmez.

Açıklama:Her zaman border-right-width özelliği öncesinde border-style özelliğini beyan edin. Element, kenar çubuğunu elde ettikten sonra kenar çubuğunun genişliğini değiştirebilir.

Ayrıca bakınız:

CSS eğitim:CSS Kenar

CSS referans el kitabı:border-right özelliği

HTML DOM referans el kitabı:borderRightWidth özelliği

Örnek

Sağ kenar çubuğunun genişliğini ayarlama:

p
  {
  border-style:solid;
  border-right-width:15px;
  }

Kişisel olarak deneyin

CSS dilbilgisi

border-right-width: orta|ince|kalın|length|initial|devral|;

Özellik değeri

Değer Açıklama
İnce sağ kenar çubuğunu tanımlar. ince
orta Varsayılan değer. Orta genişliğinde sağ kenar çubuğunu tanımlar.
kalın Kalın sağ kenar çubuğunu tanımlar.
length Sağ kenar çubuğunun genişliğini özelleştirmenizi sağlar.
devral Baba elemanın kenar çubuğu genişliğini devralması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: orta
Devralabilirlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.borderRightWidth="thick"

Daha fazla örnek

Sağ kenar çubuğunun genişliğini ayarlama
Bu örnek, sağ kenar çubuğunun genişliğini nasıl ayarlayacağınızı gösterir.

Tarayıcı desteği

Tablodaki sayılar, 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" desteklemektedir.