Bảng thời gian khóa 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:

Hộp đựng đồ CodeW3C.com

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

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

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

và thuộc tính thiết lập chiều rộng viền của phần tử trong hướng inline.

Rất giống nhau, nhưngđể thiết lập và thuộc tính hoạt động, phải thiết lập border-inline-style.

và giá trị của thuộc tính có thể được thiết lập bằng nhiều cách:

nếu và thuộc tính có hai giá trị:

border-inline-width: 10px 50px;

chiều rộng viền ở đầu dòng là 10px
chiều rộng viền ở cuối dòng là 50px

nếu và thuộc tính có một giá trị:

Đặt độ rộng cho viền theo hướng nội bộ:

chiều rộng viền ở đầu và cuối dòng đều là 10px

CSS và thuộc tính và thuộc tính CSS border-bottom-widthLưu ý:border-left-widthLưu ý:border-right-width , border-top-width border-right-width và border-top-width

Rất giống nhau, nhưngThuộc tính này phụ thuộc vào hướng nội bộ. border-inline-width: thin thick;Lưu ý:Các thuộc tính CSS liên quan , Ví dụ 3: Kết hợp thuộc tính direction text-orientation và Đị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-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à từ dưới lên.

Mô hình

Ví dụ 1
  Ví dụ 2: Kết hợp thuộc tính writing-mode
  Đặt độ rộng cho viền theo hướng nội bộ:
direction: rtl;
#example1 {
  border-inline-width: 10px;
  #example2 {
direction: rtl;

border-inline-width: 5px 15px;

border-inline-style: dashed;

border-inline-width: 5px; border-inline-width: thin thick; Vị trí của viền bắt đầu và kết thúc theo hướng nội bộ bị ảnh hưởng bởi

direction
  Ví dụ 2: Kết hợp thuộc tính writing-mode
  writing-mode
  border-inline-style: solid;
direction: rtl;

border-inline-width: 5px 15px;

writing-mode: vertical-rl;

border-inline-width: 5px; 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 theo hướng nội bộ bị ảnh hưởng bởi

direction
  Tác động thuộc tính:
  div {
direction: rtl;

border-inline-width: 5px 15px;

}

Thử ngaylengthNgôn ngữ CSS

border-inline-width: medium|thin|thick|

\|initial\|inherit;	Giá trị thuộc tính
medium	Giá trị
Mô tả	Đ指定 viền trung bình. Giá trị mặc định.
Đ指定 viền mỏng.	Đ指定 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
Kế thừa:	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.borderInlineWidth="3px 10px"