Garis Belirung Corner CSS

Garis Belirung Corner CSS

border-radius Properti digunakan untuk menambahkan garis pinggir rounding kepada elemen:

Garis pinggir biasa

Garis pinggir dengan rounding

Garis pinggir dengan rounding

Garis pinggir dengan rounding

Contoh

p {
  border: 2px solid red;
  border-radius: 5px;
}

Coba sendiri

Beberapa contoh lain

Semua properti garis atas dalam satu deklarasi
Pem demonstrasi properti singkat, digunakan untuk mengatur semua properti garis atas dalam satu deklarasi.
Mengatur gaya bawah garis
Pem демонstrasi bagaimana mengatur gaya bawah garis.
Atur lebar garis kiri
Contoh ini menunjukkan bagaimana mengatur lebar garis kiri.
Atur warna garis empat sisi
Contoh ini menunjukkan bagaimana mengatur warna garis empat sisi. Dapat memiliki satu sampai empat warna.
Atur warna garis kanan
Contoh ini menunjukkan bagaimana mengatur warna garis kanan.

Semua properti garis CSS

Properti Deskripsi
border Properti singkat, mengatur semua properti garis dalam satu deklarasi.
border-color Properti singkat, mengatur warna garis empat sisi.
border-radius Properti singkat, dapat mengatur semua properti border-radius empat belas.
border-style Properti singkat, mengatur gaya garis empat sisi.
border-width Properti singkat, mengatur lebar garis empat sisi.
border-bottom Properti singkat, mengatur semua properti garis bawah dalam satu deklarasi.
border-bottom-color Atur warna garis bawah.
border-bottom-style Atur gaya garis bawah.
border-bottom-width Atur lebar garis bawah.
border-left Properti singkat, mengatur semua properti garis kiri dalam satu deklarasi.
border-left-color Atur warna garis kiri.
border-left-style Atur gaya garis kiri.
border-left-width Atur lebar garis kiri.
border-right Properti singkat, mengatur semua properti garis kanan dalam satu deklarasi.
border-right-color Atur warna garis kanan.
border-right-style Atur gaya garis kanan.
border-right-width Atur lebar garis kanan.
border-top Properti singkat, mengatur semua properti garis atas dalam satu deklarasi.
border-top-color Atur warna garis atas.
border-top-style Atur gaya garis atas.
border-top-width Atur lebar garis atas.