CSS3 properti border-top-kiri-radius
contoh
Menambahkan perbatasan ke sudut kiri atas dari elemen div:
{
border:2px solid;
border-top-left-radius:2em;
}
Coba »
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
| 属性 | |||||
|---|---|---|---|---|---|
| border-radius | 9.0 | 5.0 4.0 -webkit- | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
Definisi atribut dan petunjuk
Properti border-top-kiri-radius mendefinisikan bentuk sudut kiri atas dari perbatasan.
Catatan: Properti ini memungkinkan Anda untuk menambahkan elemen perbatasan bulat!
| default: | 0 |
|---|---|
| warisan: | tidak |
| versi: | CSS3 |
| sintaks JavaScript: | keberatan object.style.borderTopLeftRadius = "5px" |
tatabahasa
Catatan: border-top-kiri - panjang satu atau dua properti radius persentase mendefinisikan bentuk seperempat elips luar tepi perbatasan sudut.Nilai pertama adalah radius horisontal dan jari-jari kedua adalah vertikal. Jika nilai kedua diabaikan, disalin dari yang pertama. Jika salah satu dari nol panjang, sudut adalah persegi, tidak bulat. Persentase radius horisontal mengacu pada lebar kotak berlari, dan persentase radius vertikal mengacu pada ketinggian kotak ikatan.
| 值 | 描述 |
|---|---|
| length | 定义左上角的形状。 |
| % | 使用%定义左上角的形状。 |
Artikel terkait
CSS3 tutorial: CSS3 Borders
