Thuộc tính border CSS

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

Thuộc tính viết tắt border đặt tất cả các thuộc tính viền trong một biểu thức.

Có thể thiết lập theo thứ tự sau các thuộc tính:

Nếu không thiết lập một giá trị nào đó, cũng không có vấn đề gì, ví dụ border:solid #ff0000; cũng được phép.

Xem thêm:

Hướng dẫn CSSBORDER CSS

Hướng dẫn HTML DOMThuộc tính border

Ví dụ

Đặt樣式 cho 4 viền:

p
  {
  border:5px solid red;
  }

Thử ngay

Ngữ pháp CSS

border: border-width border-style border-color|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
border-width Quy định độ rộng của viền. Xem thêm:border-width giá trị có thể có.
border-style Quy định樣式 của viền. Xem thêm:border-style giá trị có thể có.
border-color Quy định màu của viền. Xem thêm:border-color giá trị có thể có.
inherit Điều này quy định rằng thuộc tính viền nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: not specified
Kế thừa: no
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.border="3px solid blue"

Các ví dụ khác

Tất cả các thuộc tính viền trong một biểu thức
Ví dụ này minh họa cách sử dụng thuộc tính viết tắt để đặt tất cả bốn thuộc tính viền trong một biểu thức.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính đó.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5