Örnek
Bir sol üst köşeye yuvarlak sınır ekleyin <div> elemanı:
div
{
border: 2px solid;
border-top-left-radius: 2em;
}
Kendin dene " Tanımı ve Kullanımı
border-top-left-radius özelliği sol üst köşesinin 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.borderTopLeftRadius="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-left-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-left-radius: Note: Çerçeve-sol ü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ımlar. 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 sol üst köşesinin şeklini tanımlar Oynat " % % olarak sol üst köşesinin ş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ı: borderTopLeftRadius property