Thuộc tính border-inline-end-width CSS

Trang trước border-inline-end-style
Trang tiếp theo border-inline-start

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

border-inline-end-width Chiều rộng viền cuối cùng theo hướng hàng của phần tử cài đặt thuộc tính.

Lưu ý:Để làm border-inline-end-width Thuộc tính có hiệu lực, phải thiết lập border-inline-end-style Thuộc tính.

CSS border-inline-end-width Thuộc tính này tương ứng với thuộc tính CSS border-bottom-width,border-left-width,border-right-width và border-top-width Rất相似 nhưng border-inline-end-width Thuộc tính này phụ thuộc vào hướng trong dòng.

Lưu ý:thuộc tính CSS writing-mode,Thuộc tính CSS liên quan và direction Định nghĩa hướng trong dòng. Điều này ảnh hưởng đến vị trí bắt đầu và kết thúc của một dòng, cũng như border-inline-end-width Kết quả của thuộc tính. Đối với trang tiếng Anh, hướng trong dòng là từ trái sang phải, hướng khối là từ trên xuống.

Mô hình

Ví dụ 1

Đặt độ rộng viền kết thúc theo hướng trong dòng:

div {
  border-inline-end-style: solid;
  border-inline-end-width: 10px;
}

Thử ngay

Ví dụ 2: Kết hợp thuộc tính writing-mode

Vị trí của viền kết thúc theo hướng trong dòng bị ảnh hưởng bởi writing-mode Tác động thuộc tính:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-width: 5px;
}

Thử ngay

Ví dụ 3: Kết hợp thuộc tính direction

Vị trí của viền bắt đầu và kết thúc theo hướng trong dòng bị ảnh hưởng bởi direction Tác động thuộc tính:

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

Thử ngay

Cú pháp CSS

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

Giá trị thuộc tính

Giá trị	Mô tả
medium	Định nghĩa viền trung bình. Giá trị mặc định.
mỏng	Định nghĩa viền mỏng.
đậm	Định nghĩa viền đậm.
length	Cho phép bạn định nghĩa độ dày của viền. Xem thêm:Đơn vị CSS.
initial	Đặt thuộc tính này thành giá trị mặc định. Xem thêm initial.
inherit	Thuộc tính này được kế thừa từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định:	medium
Di truyền:	Không
Tạo animation:	Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Cú pháp JavaScript:	object.style.borderInlineEndWidth="10px"