Thuộc tính borderRadius của Style

Định nghĩa và cách sử dụng

borderRadius Thuộc tính là thuộc tính viết tắt để đặt hoặc trả về bốn thuộc tính borderRadius.

Bốn thuộc tính borderRadius là (theo thứ tự này):

Lưu ý:Thuộc tính này cho phép bạn thêm góc cạnh tròn cho phần tử!

Xem thêm:

Hướng dẫn CSS:Thuộc tính borderRadius

Mẫu

Thêm góc cạnh tròn vào phần tử div:

document.getElementById("myDIV").style.borderRadius = "25px";

Thử ngay

Cú pháp

Trả về thuộc tính borderRadius:

object.style.borderRadius

Đặt thuộc tính borderRadius:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Chú ý:Bốn giá trị của mỗi bán kính được cung cấp theo thứ tự: trên trái, trên phải, dưới phải, dưới trái. Nếu bỏ qua dưới trái, thì bằng với trên phải. Nếu bỏ qua dưới phải, thì bằng với trên trái. Nếu bỏ qua trên phải, thì bằng với trên trái.

Giá trị thuộc tính

Giá trị Mô tả
length Định nghĩa hình dạng góc. Giá trị mặc định là 0.
% Định nghĩa hình dạng góc bằng phần trăm.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Gán thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Giá trị trả về: Chuỗi, biểu thị Thuộc tính borderRadius.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 9.0 Hỗ trợ Hỗ trợ Hỗ trợ