Batas Belah Bulat CSS

Batas Belah Bulat CSS

border-radius Properti digunakan untuk menambahkan sempadan bulat ke elemen:

Sempadan biasa

Sempadan bulat

Sempadan bulat

Sempadan bulat

Contoh

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

Coba sendiri

Lebih banyak contoh

Semua properti sempadan atas dalam satu pernyataan
Pemustahan contoh penggunaan singkatan properti, digunakan untuk mengatur semua properti sempadan atas dalam satu pernyataan.
Mengatur gaya bawah sempadan
Pemustahan contoh bagaimana mengatur gaya bawah sempadan.
Tetapkan lebar kiri border
Contoh ini menunjukkan bagaimana untuk menetapkan lebar kiri border.
Tetapkan warna empat border
Contoh ini menunjukkan bagaimana untuk menetapkan warna empat border. Ia boleh mempunyai satu hingga empat warna.
Tetapkan warna kanan border
Contoh ini menunjukkan bagaimana untuk menetapkan warna kanan border.

Semua atribut border CSS

Atribut Deskripsi
border Atribut singkatan, tetapkan semua atribut border dalam satu pernyataan.
border-color Atribut singkatan, tetapkan warna empat border.
border-radius Atribut singkatan, boleh tetapkan semua empat border-radius.
border-style Atribut singkatan, tetapkan gaya empat border.
border-width Atribut singkatan, tetapkan lebar empat border.
border-bottom Atribut singkatan, tetapkan semua atribut bawah border dalam satu pernyataan.
border-bottom-color Tetapkan warna bawah border.
border-bottom-style Tetapkan gaya bawah border.
border-bottom-width Tetapkan lebar bawah border.
border-left Atribut singkatan, tetapkan semua atribut kiri border dalam satu pernyataan.
border-left-color Tetapkan warna kiri border.
border-left-style Tetapkan gaya kiri border.
border-left-width Tetapkan lebar kiri border.
border-right Atribut singkatan, tetapkan semua atribut kanan border dalam satu pernyataan.
border-right-color Tetapkan warna kanan border.
border-right-style Tetapkan gaya kanan border.
border-right-width Tetapkan lebar kanan border.
border-top Atribut singkatan, tetapkan semua atribut atas border dalam satu pernyataan.
border-top-color Tetapkan warna atas border.
border-top-style Tetapkan gaya atas border.
border-top-width Tetapkan lebar atas border.