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

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

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

border-inline-end-color Thiết lập màu viền của thuộc tính cho phần tử ở cuối hướng hàng của nó.

Thuộc tính phụ thuộc vào hướng nội.Để làm cho border-inline-end-color Thuộc tính phải được thiết lập để có hiệu lực border-inline-end-style Thuộc tính。

CSS border-inline-end-color } Thuộc tính này với,border-bottom-color,border-left-color và border-right-color border-top-color border-inline-end-color Thuộc tính rất tương tự, nhưng

Thuộc tính phụ thuộc vào hướng nội.Lưu ý: writing-mode,các thuộc tính CSS liên quan và direction Định nghĩa hướng nội. Đ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-color Tác động của thuộc tính. Đối với trang tiếng Anh, hướng nội là từ trái sang phải, hướng khối là từ dưới lên.

Mẫu

Ví dụ 1

Đặt màu cho viền cuối cùng của hướng nội:

div {
  border-inline-end-style: solid;
  border-inline-end-color: pink;
}

Thử ngay

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

Vị trí của viền cuối cùng của hướng nội được ảnh hưởng bởi writing-mode Tác động của thuộc tính:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

Thử ngay

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

Vị trí của viền cuối cùng của hướng nội được ảnh hưởng bởi direction Tác động của thuộc tính:

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

Thử ngay

Cú pháp CSS

border-inline-end-color: color|transparent|initial|inherit;

Giá trị thuộc tính

Giá trị	Mô tả
color	Định nghĩa màu viền. Mặc định là màu hiện tại của phần tử. Xem thêm:Giá trị màu CSS.
transparent	Định nghĩa màu viền nên là trong suốt.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định:	Màu hiện tại của phần tử
Kế thừa:	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.borderInlineEndColor="pink"