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

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

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

border-block-start-style Thuộc tính được sử dụng để thiết lập樣式 viền dưới của phần tử tại điểm bắt đầu hướng khối.

CSS border-block-start-style Thuộc tính và thuộc tính CSS border-bottom-style、border-left-style、border-right-style và border-top-style Rất相似, nhưng border-block-start-style 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-style Kết quả của thuộc tính. Đối với trang tiếng Anh, hướng in-line là từ trái sang phải, hướng khối là xuống.

Mẫu

Ví dụ 1

Đặt phong cách cạnh biên bắt đầu của hướng khối:

div {
  border-block-start-style: dotted;
}

Thử nghiệm ngay

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

Vị trí của phong cách cạnh biên bắt đầu của hướng khối bị ảnh hưởng bởi writing-mode Tác động thuộc tính:

div {
  writing-mode: vertical-rl;
  border-block-start-style: dotted;
}

Thử nghiệm ngay

Cú pháp CSS

border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Giá trị thuộc tính

Giá trị	Mô tả
none	Giá trị mặc định. Đ指定 không có cạnh biên.
hidden	Tương tự như "none", nhưng khác biệt trong việc giải quyết xung đột cạnh biên của phần tử bảng.
dotted	Đ指定 cạnh biên chấm.
dashed	Đ指定 cạnh biên đứt.
solid	Đ指定 cạnh biên đậm.
double	Đ指定 cạnh biên kép.
groove	Đ指定 3D cạnh rãnh. Hiệu ứng phụ thuộc vào giá trị của border-color.
ridge	Đ指定 3D cạnh gân. Hiệu ứng phụ thuộc vào giá trị của border-color.
inset	Đ指定 3D cạnh lõm. Hiệu ứng phụ thuộc vào giá trị của border-color.
outset	Đ指定 3D cạnh nổi. Hiệu ứng phụ thuộc vào giá trị của border-color.
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:	none
Kế thừa:	Không
Ch製 animation:	Không 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.borderBlockStartStyle="dotted"