CSS Rounded Borders

Đường viền bị làm thành tròn

Thuộc tính border-radius được sử dụng để thêm đường viền bị làm thành tròn vào một phần tử HTML. Nói cách khác thuộc tính border-radius được sử dụng để bo góc cho một phần tử HTML:

Ví dụ:

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

Tất cả các thuộc tính CSS Border

1. border: Thiết lập tất cả các thuộc tính đường viền trong một khai báo.
2. border-bottom: Thiết lập tất cả các thuộc tính đường viền dưới trong một khai báo.
3. border-bottom-color: Thiết lập màu sắc của đường viền dưới.
4. border-bottom-style: Thiết lập kiểu của đường viền dưới.
5. border-bottom-width: Thiết lập chiều rộng của đường viền dưới.
6. border-color: Thiết lập màu sắc của bốn đường viền.
7. border-left: Thiết lập tất cả các thuộc tính đường viền bên trái trong một khai báo.
8. border-left-color: Thiết lập màu sắc của đường viền bên trái.
9. border-left-style: Thiết lập kiểu của đường viền bên trái.
10. border-left-width: Thiết lập chiều rộng của đường viền bên trái.
11. border-radius: Thiết lập tất cả các thuộc tính border-*-radius cho các góc bị làm thành tròn.
12. border-right: Thiết lập tất cả các thuộc tính đường viền bên phải trong một khai báo.
13. border-right-color: Thiết lập màu sắc của đường viền bên phải.
14. border-right-style: Thiết lập kiểu của đường viền bên phải.
15. border-right-width: Thiết lập chiều rộng của đường viền bên phải.
16. border-style: Thiết lập kiểu của bốn đường viền.
17. border-top: Thiết lập tất cả các thuộc tính đường viền trên trong một khai báo.
18. border-top-color: Thiết lập màu sắc của đường viền trên.
19. border-top-style: Thiết lập kiểu của đường viền trên.
20. border-top-width: Thiết lập chiều rộng của đường viền trên.
21. border-width: Thiết lập chiều rộng của bốn đường viền.