Đường viền tròn CSS
Đường viền tròn CSS
Thuộc tính border-radius
được sử dụng để thêm đường viền tròn cho một phần tử:
Đường viền bình thường
viền tròn
Đường viền tròn hơn
Đường viền tròn nhất
Thêm ví dụ
Tất cả các thuộc tính đường viền trên cùng trong một khai báo
Ví dụ này minh họa một thuộc tính tốc ký để 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.
Đặt kiểu của đường viền dưới cùng
Ví dụ này minh họa cách thiết lập kiểu đường viền dưới cùng.
Đặt độ rộng của đường viền bên trái
Ví dụ này minh họa cách thiết lập độ rộng của đường viền bên trái.
Đặt màu của bốn đường viền
Ví dụ này minh họa cách thiết lập màu của bốn đường viền. Nó có thể có từ một đến bốn màu.
Đặt màu của đường viền bên phải
Ví dụ này minh họa cách thiết lập màu của đường viền bên phải.
Tất cả thuộc tính 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 |