CSS3 border-bottom-kanan-radius properti
contoh
Tambahkan sudut dibulatkan ke sudut kanan bawah dari elemen div:
{
border: 2px padat;
border-bottom-kanan-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-kanan radius mendefinisikan bentuk perbatasan kanan bawah.
Catatan: Properti ini memungkinkan Anda untuk menambahkan elemen sudut dibulatkan!
default: | 0 |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan object.style.borderBottomRightRadius = "5px" |
tatabahasa
Catatan: Baik panjang atau persentase batas kanan-radius nilai atribut menentukan bentuk oval dari seperempat dari 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