CSS border-right-style özelliği

Tanımlama ve kullanım

border-right-style, elementin sağ kenar çubuğunun tarzını ayarlar.

Bu değer none değilse, kenar çubuğu görünür olabilir.

CSS1'de, HTML kullanıcı aracı sadece solid ve none'yı desteklemelidir.

Diğer bakın:

CSS eğitimi:CSS Kenar

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

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

Örnek

Sağ kenar çubuğunun tarzını ayarlama:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

Kişisel olarak deneyin

CSS dilbilgisi

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Özellik değeri

Değer Açıklama
none Kenar çubuğunu tanımlar.
hidden "none" ile aynıdır. Ancak tablo için geçerli değildir; tablo için hidden, kenar çizgisi çatışmasını çözmek için kullanılır.
dotted Noktalı çizgi tanımlar. Çoğu tarayıcıda gerçek çizgi olarak sunulur.
dashed Boş çizgi tanımlar. Çoğu tarayıcıda gerçek çizgi olarak sunulur.
solid Sıradan çizgi tanımlar.
double İki çizgi tanımlar. Çizgi genişliği, border-width değerine eşittir.
groove 3D çukur kenar çubuğunu tanımlar. Etkisi, border-color değerine bağlıdır.
ridge 3D yamacı kenar çubuğunu tanımlar. Etkisi, border-color değerine bağlıdır.
inset 3D inset kenar çubuğunu tanımlar. Etkisi, border-color değerine bağlıdır.
outset 3D outset kenar çubuğunu tanımlar. Etkisi, border-color değerine bağlıdır.
inherit Bu özellik, ebeveyn öğeden miras alınması gerektiğini belirtir.

Teknik ayrıntılar

Öntanımlı değer: belirtilmemiş
Miras: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.borderRightStyle="dotted"

Daha fazla örnek

Sağ kenar çubuğunun tarzını ayarlama
Bu örnek, sağ kenar çubuğunun tarzını nasıl ayarladığınızı gösterir.

Tarayıcı desteği

Tablodaki rakamlar, 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