Thuộc tính CSS border-block-start-style
Ví dụ
Đặt kiểu cho đường viền khi bắt đầu theo hướng khối:
div {
border-block-start-style: dotted;
}
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính border-block-start-style
đặt kiểu đường viền của phần tử ở đầu theo hướng khối.
Thuộc tính CSS border-block-start-style
rất giống với các thuộc tính CSS border-bottom-style
, border-left-style
, border-right-style
và border-top-style
, nhưng thuộc tính border-block-start-style
phụ thuộc vào hướng khối.
Lưu ý: writing-mode
tính CSS liên quan xác định hướng khối. Điều này ảnh hưởng đến vị trí bắt đầu và kết thúc của một khối cũng như kết quả của thuộc tính border-block-start-style
. Đối với các trang bằng tiếng Anh, hướng nội tuyến là từ trái sang phải và hướng khối là hướng xuống dưới.
Giá trị mặc định: | không có |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.borderBlockStartStyle="dotted" Hãy thử nó |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
border-block-start-style | 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Cú pháp CSS
border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
none | Default value. Specifies no border | Demo ❯ |
hidden | The same as "none", except in border conflict resolution for table elements | Demo ❯ |
dotted | Specifies a dotted border | Demo ❯ |
dashed | Specifies a dashed border | Demo ❯ |
solid | Specifies a solid border | Demo ❯ |
double | Specifies a double border | Demo ❯ |
groove | Specifies a 3D grooved border. The effect depends on the border-color value | Demo ❯ |
rigde | Specifies a 3D ridged border. The effect depends on the border-color value | Demo ❯ |
inset | Specifies a 3D inset border. The effect depends on the border-color value | Demo ❯ |
outset | Specifies a 3D outset border. The effect depends on the border-color value | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Thêm ví dụ
Với thuộc tính chế độ viết
Vị trí của kiểu đường viền khi bắt đầu theo hướng khối bị ảnh hưởng bởi thuộc tính writing-mode
:
div {
writing-mode: vertical-rl;
border-block-start-style: dotted;
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Đường viền CSS
Thuộc tính viền CSS: Thuộc tính CSS Border
Thuộc tính khối viền CSS: Thuộc tính khối viền CSS
Thuộc tính CSS border-block-style: Thuộc tính CSS Border-block-style
Thuộc tính CSS border-block-end-style: Thuộc tính CSS Border-block-end-style
Thuộc tính CSS border-bottom-style: Thuộc tính CSS Border-bottom-style
Thuộc tính CSS border-left-style: Thuộc tính CSS Border-left-style
Thuộc tính CSS border-right-style: Thuộc tính CSS Border-right-style
Thuộc tính CSS border-top-style: Thuộc tính CSS Border-top-style
Thuộc tính chế độ viết CSS: Thuộc tính chế độ viết CSS