Bảng lịch học

Sách tham khảo CSS

Thuộc tính CSS

Khóa học tự chọn

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

Bảo tàng CodeW3C.com

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

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

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

border-inline-color Thuộc tính thiết lập màu viền của phần tử theo hướng trong dòng.

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

border-inline-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-inline-color Thuộc tính có hai giá trị:

border-inline-color: hồng xanh dương;

Màu viền ở đầu của văn bản trong dòng là màu hồng
Màu viền ở cuối của văn bản trong dòng là màu xanh dương

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

border-inline-color: blue;

Màu viền ở đầu và cuối của văn bản trong dòng đều là màu xanh dương

CSS của border-inline-color Thuộc tính và border-bottom-color,border-left-color,border-right-color và border-top-color Thuộc tính rất相似, nhưng border-inline-color Thuộc tính này phụ thuộc vào hướng nội bộ.

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

Mẫu

Ví dụ 1

Đặt màu sắc cho viền theo hướng nội bộ:

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

Thử ngay

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

Viền bắt đầu và kết thúc theo hướng nội bộ bị ảnh hưởng bởi writing-mode Tác động của thuộc tính:

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

Thử ngay

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

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

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

Thử ngay

Ngôn ngữ CSS

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

Giá trị thuộc tính

Giá trị	Mô tả
color	Định nghĩa màu sắc của viền. Màu sắc mặc định là màu sắc hiện tại của phần tử. Xem giá trị màu sắc CSS để lấy danh sách đầy đủ các giá trị màu sắc có thể.
transparent	Định nghĩa màu sắc của 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:Các thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngôn ngữ lập trình JavaScript:	object.style.borderInlineColor="pink"