Properti border-radius
digunakan untuk menambahkan border bulat ke elemen:
Contoh :
<!DOCTYPE html> <html> <head> <style> p.normal { border: 2px solid red; } p.round1 { border: 2px solid red; border-radius: 5px; } p.round2 { border: 2px solid red; border-radius: 8px; } p.round3 { border: 2px solid red; border-radius: 12px; } </style> </head> <body> <h2> Properti radius-batas </h2> <p> Properti ini digunakan untuk menambahkan batas bulat ke elemen: </p> <p class = "normal"> Batas normal </p> <p class = "round1"> Batas bulat </p> <p class = "round2"> Tepi bulat </p> <p class = "round3"> Tepi bulat </p> </body> </html>
Properti | Deskripsi |
---|---|
border | Mengatur semua properti border dalam satu deklarasi |
border-bottom | Mengatur semua properti border bawah dalam satu deklarasi |
border-bottom-color | Mengatur warna border bawah |
border-bottom-style | Mengatur gaya border bawah |
border-bottom-width | Mengatur lebar border bawah |
border-color | Mengatur warna empat border |
border-left | Mengatur semua properti borderkiri dalam satu deklarasi |
border-left-color | Mengatur warna border kiri |
border-left-style | Mengatur gaya borderkiri |
border-left-width | Mengatur lebar border kiri |
border-radius | Mengatur semua empat properti border – * – radius untuk sudut membulat |
border-right | Megatur semua properti border kanan dalam satu deklarasi |
border-right-color | Mengatur warna border kanan |
border-right-style | Mengatur gaya border kanan |
border-right-width | Mengatur lebar border kanan |
border-style | Menetapkan empat gaya border |
border-top | Menetapkan semua properti border atas dalam satu deklarasi |
border-top-color | Menetapkan warna border atas |
border-top-style | Mengatur gaya border atas |
border-top-width | Mengatur lebar border atas |
border-width | Mengatur empat lebat border |