Örnek
Bir sağ alt köşesine yuvarlak sınır ekleyin <div> elemanı:
div
{
border: 2px solid;
border-bottom-right-radius: 2em;
}
Kendin dene " Tanımı ve Kullanımı
border-bottom-sağ yarıçap mülkiyet sağ alt köşesinde sınırında şeklini tanımlar.
Tip: Bu özellik size unsurlara yuvarlak sınırları eklemek için izin verir!
| Varsayılan değer: | 0 |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes. Read about animatable Try it |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.borderBottomRightRadius="25px" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Sayılar -webkit- ardından veya önek ile çalıştı ilk sürümü belirtmek -moz-.
| özellik | |||||
|---|---|---|---|---|---|
| border-bottom-right-radius | 5.0 4,0 -webkit- | 9.0 | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
CSS sözdizimi
border-bottom-right-radius: Note: sınır sağ alt yarıçaplı özelliklerinin iki uzunluk veya yüzde değerleri, dış sınır kenarının köşesi şeklini tanımlayan çeyrek elipsin yarıçapları tanımlamak. ilk değer yatay yarıçapı, ikinci dikey yarıçapıdır. İkinci değer atlanırsa ilk kopyalanır. Her iki uzunluk sıfırsa, köşe kare, yuvarlak değil. Dikey yarıçapı için yüzdeler sınır kutusunun yüksekliğine karşılık gelir ve buna yatay yarıçapı için yüzde, sınır kutusunun genişliği ifade eder. Mülkiyet Değerler
değer Açıklama Oynat length Sağ alt köşede şeklini tanımlar. Varsayılan değeri 0'dır Oynat " % % olarak sağ alt köşesinde şeklini tanımlar Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS3 öğretici: CSS3 Sınırlar
HTML DOM referansı: borderBottomRightRadius property