Örnek
Bir sağ üst köşeye yuvarlak sınır ekleyin <div> elemanı:
div
{
border: 2px solid;
border-top-right-radius: 2em;
}
Kendin dene " Tanımı ve Kullanımı
border-top-sağ yarıçap özelliği sağ üst köşesinde sınırında şeklini tanımlar.
Tip: Bu özellik size unsurlara yuvarlak sınırları eklemek için izin!
| Varsayılan değer: | 0 |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes. Read about animatable Try it |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.borderTopRightRadius="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-top-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-top-right-radius: Note: sınır sağ üst 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ğ üst köşede şeklini tanımlar Oynat " % % olarak sağ üst 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ı: borderTopRightRadius property