CSS Rounded Borders
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 Border CSS
| 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 |
