CSS border-right-style özelliği

Tanımlama ve kullanım

border-right-style, öğenin sağ kenar çubuğu 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'ı desteklemelidir.

Diğer bakınız:

CSS eğitimi:CSS Kenar

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

HTML DOM referans 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 çubuğu çatışmasını çözmek için kullanılır.
dotted Noktalarla kenar çubuğu 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 Çift ç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 çizgili 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.
devral Belirtilen, ebeveyn öğeden kenar çubuğu tarzını devralması gerekmektedir.

Teknik ayrıntılar

Öntanımlı değer: belirtilmemiş
Devralabilirlik: 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 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