Thuộc tính border-block-start-width CSS

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

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

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

Lưu ý:Để làm cho border-block-start-width Thuộc tính hoạt động, phải thiết lập border-block-start-style Thuộc tính.

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

Lưu ý:Các 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-width Kết quả của thuộc tính. Đối với trang tiếng Anh, hướng nội bộ là từ trái sang phải, hướng khối là xuống.

Mô hình

Ví dụ 1

Đặt độ rộng viền bắt đầu hướng khối:

div {
  border-block-start-style: solid;
  border-block-start-width: 10px;
}

Thử ngay

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

Vị trí của viền bắt đầu 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-width: 5px;
}

Thử ngay

Ngữ pháp CSS

border-block-start-width: medium|thin|thick|length|initial|inherit;

Giá trị thuộc tính

Giá trị	Mô tả
medium	Đ指定 độ rộng viền trung bình. Giá trị mặc định.
thin	Đ指定 thin viền.
thick	Đ指定 thick viền.
length	Cho phép bạn định nghĩa độ dày của viền. Xem thêm:Đơn vị CSS.
initial	Đặt thuộc tính này thành giá trị mặc định. Xem thêm initial.
inherit	Từ thẻ cha của nó kế thừa thuộc tính này. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định:	medium
Di truyền:	Không
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.borderBlockStartWidth="10px"