CSS border-right özelliği
- önceki sayfa border-radius
- Sonraki Sayfa border-right-color
Tanım ve kullanım
border-right kısaltma özelliği, sağ kenar çerçevenin tüm özelliklerini bir tanımlamaya yerleştirir.
Aşağıdaki sırayla özellikleri sırayla ayarlayabilirsiniz:
Eğer bu değerlerden biri ayarlanmazsa, sorun olmaz, örneğin border-right:solid #ff0000; da izin verilir.
Daha fazla bakınız:
CSS eğitimi:CSS Kenar
HTML DOM referans el kitabı:borderRight özelliği
Örnek
Sağ kenar çerçeve tarzını ayarlayın:
p { border-style:solid; border-right:thick double #ff0000; }
CSS dilbilgisi
border-right: border-width border-style border-color|initial|inherit;
Özellik değeri
Değer | Açıklama |
---|---|
border-right-width | Sağ kenar çerçevenin genişliğini belirtir. Bakınız:border-right-width olası değerler. |
border-right-style | Sağ kenar çerçevenin tarzını belirtir. Bakınız:border-right-style olası değerler. |
border-right-color | Sağ kenar çerçevenin rengini belirtir. Bakınız:border-right-color olası değerler. |
inherit | Border-right özelliğinin ayarlarını ebeveyn ögesinden miras almasını belirtir. |
Teknik ayrıntılar
Varsayılan değer: | belirtilmemiş |
---|---|
Miras: | hayır |
Sürüm: | CSS1 |
JavaScript dilbilgisi: | object.style.borderRight="3px solid blue" |
Daha fazla örnek
- Tüm sağ kenar çerçeve özellikleri bir tanımlamada
- Bu örnek, tüm sağ kenar çerçeve özelliklerini bir tanımlamada ayarlayan bir kısaltma özelliği gösterir.
Tarayıcı desteği
Tablo, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir.
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 desteklemiyor. IE8 için !DOCTYPE gereklidir. IE9 "inherit" destekler.
- önceki sayfa border-radius
- Sonraki Sayfa border-right-color