Thuộc tính border-top CSS

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

Thuộc tính viết tắt border-top đặt tất cả các thuộc tính border-top vào một biểu đạt.

Có thể đặt theo thứ tự như sau các thuộc tính:

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

Xem thêm:

Hướng dẫn CSS:BORDER của CSS

Hướng dẫn tham khảo HTML DOM:Thuộc tính borderTop

Ví dụ

Đặt phong cách border-top:

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

Thử nghiệm trực tiếp

Ngữ pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
border-top-width Định nghĩa độ rộng của border-top. Xem thêm:border-top-width giá trị có thể có.
border-top-style Định nghĩa phong cách của border-top. Xem thêm:border-top-style giá trị có thể có.
border-top-color Định nghĩa màu của border-top. Xem thêm:border-top-color giá trị có thể có.
inherit Định nghĩa rằng thuộc tính border-top nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: chưa quy định
Di truyền: không
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.borderTop="3px solid blue"

Các ví dụ khác

Tất cả các thuộc tính border-top trong một biểu đạt
Ví dụ này minh họa cách sử dụng thuộc tính viết tắt để đặt tất cả các thuộc tính border-top vào một biểu đạt.

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 này.

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

Chú thích:Trình duyệt IE7 và các phiên bản trước không hỗ trợ giá trị "inherit". IE8 cần !DOCTYPE. IE9 hỗ trợ "inherit".