Thuộc tính border-top-width CSS

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

Thuộc tính border-top-width thiết lập độ rộng đường viền trên của phần tử.

Chỉ hoạt động khi phong cách đường viền không phải là none. Nếu phong cách đường viền là none, độ rộng đường viền thực tế sẽ được đặt lại thành 0. Không được phép chỉ định giá trị độ dài âm.

Chú thích:Luôn khai báo thuộc tính border-style trước thuộc tính border-top-width. Phần tử chỉ có thể thay đổi độ rộng đường viền sau khi đã có đường viền.

Xem thêm:

Hướng dẫn CSS:Biên cảnh CSS

Hướng dẫn tham khảo CSS:Thuộc tính border-top

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

Ví dụ

Thiết lập độ rộng của đường viền trên:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

Thử ngay

Ngữ pháp CSS

border-top-width: medium|thin|thick|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
thin Định nghĩa đường viền trên mỏng.
medium Giá trị mặc định. Định nghĩa đường viền trên trung bình.
thick Định nghĩa đường viền trên dày.
length Cho phép bạn tùy chỉnh độ rộng của đường viền trên.
inherit Định nghĩa rằng chiều rộng đường viền nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: medium
Kế thừa: no
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.borderTopWidth="thick"

Các ví dụ khác

Thiết lập độ rộng của đường viền trên
Ví dụ này minh họa cách thiết lập độ rộng của đường viền trên.

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".