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:Hãy luôndeclare thuộc tính border-style trước thuộc tính border-top-width. Các phần tử chỉ có thể thay đổi độ rộng đường viền sau khi đã có đường viền. Giá trị độ rộng đường viền thực tế sẽ được đặt lại thành 0 nếu phong cách đường viền là none. Không được phép chỉ định giá trị độ dài âm.

Xem thêm:

Hướng dẫn CSS:BORDER CSS

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

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

Ví dụ

Thiết lập độ rộng đườ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 đường viền trên.
inherit Định nghĩa rằng độ 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 đường viền trên
Ví dụ này minh họa cách thiết lập độ rộng đườ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 sớm hơn không hỗ trợ giá trị "inherit". IE8 cần !DOCTYPE. IE9 hỗ trợ "inherit".