Bảng thời khóa biểu

Sách tham khảo CSS

Thuộc tính CSS

Khóa học chọn lọc

Khuyến nghị khóa học:

Hộp báu CodeW3C.com

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

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

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

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

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

border-block-color Giá trị của thuộc tính có thể được thiết lập bằng nhiều cách:

Nếu border-block-color Thuộc tính có hai giá trị:

border-block-color: pink lightblue;

Màu viền bắt đầu của khối là pink
Màu viền kết thúc của khối là lightblue

Nếu border-block-color Thuộc tính này có một giá trị:

border-block-color: pink;

Màu viền bắt đầu và kết thúc của khối đều là pink

Thuộc tính của CSS border-block-color Thuộc tính này tương ứng với border-bottom-colorborder-left-color,border-left-color, border-right-color và border-top-color border-block-color Thuộc tính rất相似 nhưng

Thuộc tính này phụ thuộc vào hướng khối.Lưu ý: Thuộc tính CSS liên quan Đị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-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ô hình

Ví dụ 1

Đặt màu cho viền theo hướng khối:

#example1 {
  border-block-style: solid;
  border-block-color: pink;
}
#example2 {
  border-block-style: solid;
  border-block-color: pink lightblue;
}

Thử ngay

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

Vị trí bắt đầu và kết thúc của màu viền theo hướng khối bị ảnh hưởng bởi thuộc tính writing-mode:

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

Thử ngay

Cú pháp CSS

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

Giá trị thuộc tính

Giá trị	Mô tả
color	Định nghĩa màu viền. Màu mặc định là màu hiện tại của phần tử. Xem giá trị màu CSS để lấy danh sách đầy đủ các giá trị màu.
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	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 hiện tại của phần tử
Kế thừa:	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
Cú pháp JavaScript:	object.style.borderBlockColor="pink"