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

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

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

border-block-end-color Thuộc tính để thiết lập màu viền cuối cùng của hướng khối của phần tử.

Lưu ý:Để sử dụng border-block-end-color Thuộc tính hoạt động, phải thiết lập border-block-end-style Thuộc tính.

Thuộc tính CSS border-block-end-color tương tự thuộc tính CSS border-bottom-width,border-left-width,border-right-width và border-top-width Rất相似, nhưng border-block-end-color Thuộc tính phụ thuộc vào hướng khối.

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

Mẫu

Ví dụ 1

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

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

Thử ngay

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

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

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

Thử ngay

Cú pháp CSS

border-block-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	Gia tài 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ử
Di truyền:	Không
Ch 制作 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.borderBlockEndColor="pink"