Đường viền làm tròn CSS
Đường viền làm tròn CSS
Thuộc border-radius
tính được sử dụng để thêm đường viền tròn vào một phần tử:
Biên giới bình thường
Đường viền tròn
Đường viền tròn hơn
Đường viền tròn nhất
Thí dụ
p {
border: 2px solid red;
border-radius: 5px;
}
Các ví dụ khác
Ví dụ này minh họa một thuộc tính viết tắt để thiết lập tất cả các thuộc tính cho đường viền trên cùng trong một khai báo.
Ví dụ này trình bày cách đặt kiểu của đường viền dưới cùng.
Ví dụ này trình bày cách đặt chiều rộng của đường viền bên trái.
Ví dụ này trình bày cách đặt màu của bốn đường viền. Nó có thể có từ một đến bốn màu.
Ví dụ này trình bày cách đặt màu của đường viền bên phải.
Tất cả các thuộc tính đường viền CSS
Property | Description |
---|---|
border | Sets all the border properties in one declaration |
border-bottom | Sets all the bottom border properties in one declaration |
border-bottom-color | Sets the color of the bottom border |
border-bottom-style | Sets the style of the bottom border |
border-bottom-width | Sets the width of the bottom border |
border-color | Sets the color of the four borders |
border-left | Sets all the left border properties in one declaration |
border-left-color | Sets the color of the left border |
border-left-style | Sets the style of the left border |
border-left-width | Sets the width of the left border |
border-radius | Sets all the four border-*-radius properties for rounded corners |
border-right | Sets all the right border properties in one declaration |
border-right-color | Sets the color of the right border |
border-right-style | Sets the style of the right border |
border-right-width | Sets the width of the right border |
border-style | Sets the style of the four borders |
border-top | Sets all the top border properties in one declaration |
border-top-color | Sets the color of the top border |
border-top-style | Sets the style of the top border |
border-top-width | Sets the width of the top border |
border-width | Sets the width of the four borders |