Thuộc tính border-block-start-color của CSS

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

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

border-block-start-color Thuộc tính thiết lập màu sắc viền của phần tử tại vị trí bắt đầu của hướng khối.

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

CSS border-block-start-color Thuộc tính tương ứng với thuộc tính CSS border-bottom-color,border-left-color,border-right-color và border-top-color Rất giống nhau, nhưng border-block-start-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 sẽ ảnh hưởng đến vị trí bắt đầu và kết thúc của khối, cũng như border-block-start-color 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à xuống.

Mẫu

Ví dụ 1

Đặt màu sắc viền bắt đầu của hướng khối:

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

Thử ngay

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

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

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

Thử ngay

Ngữ pháp CSS

border-block-start-color: color|transparent|initial|inherit;

Giá trị thuộc tính

Giá trị	Mô tả
color	Định nghĩa màu sắc viền. Mặc định là màu sắc hiện tại của phần tử. Xem thêm:Giá trị màu sắc CSS.
transparent	Định nghĩa màu sắc 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	Thừa kế 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 sắc hiện tại của phần tử
Di truyền:	Không
Chế tạo animation:	Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngữ pháp JavaScript:	object.style.borderBlockStartColor="pink"