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

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

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

border-inline-start-width Chiều rộng viền bắt đầu từ vị trí bên trong của yếu tố thiết lập thuộc tính.

Lưu ý:Để làm border-inline-start-width Thuộc tính có hiệu lực, phải thiết lập border-inline-start-style 属性。

Thuộc tính của CSS. border-inline-start-width Thuộc tính tương ứng với border-bottom-width,border-left-width,border-right-width và border-top-width Thuộc tính rất tương tự, nhưng border-inline-start-width Thuộc tính phụ thuộc vào hướng nội bộ.

Lưu ý: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 dòng, cũng như border-inline-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 của viền bắt đầu trong hướng nội bộ:

div {
  border-inline-start-style: solid;
  border-inline-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 trong hướng nội bộ bị ảnh hưởng bởi writing-mode Tác động thuộc tính:

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-width: 5px;
}

Thử ngay

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

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

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

Thử ngay

Cú pháp CSS

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

Giá trị thuộc tính

Giá trị	Mô tả
medium	Định nghĩa viền trung bình. Giá trị mặc định.
thin	Định nghĩa viền mỏng.
thick	Định nghĩa viền đậm.
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 về giá trị mặc định. Xem thêm initial.
inherit	Tiếp nhận 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:	medium
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
Cú pháp JavaScript:	object.style.borderInlineStartWidth="10px"