Thuộc tính bắt đầu chặn đường viền CSS
Ví dụ
Đặt chiều rộng, màu sắc và kiểu dáng cho đường viền khi bắt đầu hướng khối:
div {
border-block-start:
10px solid pink;
}
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
là thuộc tính viết tắt của các thuộc tính sau:
Thuộc tính CSS border-block-start
rất giống với các thuộc tính CSS border-bottom
, border-left
, border-right
và border-top
, nhưng thuộc tính border-block-start
phụ thuộc vào hướng của 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
. Đố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: | trung bình không có màu hiện tại |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | Đúng. Đọc về hoạt hìnhHãy thử nó |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | object .style.borderBlockStart="màu hồng chấm 5px" Hãy dùng thử |
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 | 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Cú pháp CSS
border-block-start: border-block-start-width border-block-start-style border-block-start-color |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
border-block-start-width |
Specifies the width of an element's border at the end in the block direction. Default value is "medium" | Demo ❯ |
border-block-start-style |
Specifies the style of an element's border at the end in the block direction. Default value is "none" | Demo ❯ |
border-block-start-color |
Specifies the color of an element's border at the end in the block direction. Default value is the current color of the border | 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 đường viền khi bắt đầu hướng khối bị ảnh hưởng bởi thuộc tính writing-mode
:
div {
writing-mode: vertical-rl;
border-block-start:
dotted blue;
}
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-color: Thuộc tính CSS Border-block-color
Thuộc tính CSS border-block-start-color: Thuộc tính CSS Border-block-start-color
Thuộc tính CSS border-bottom-color: Thuộc tính CSS Border-bottom-color
Thuộc tính CSS border-left-color: Thuộc tính CSS Border-left-color
Thuộc tính CSS border-right-color: Thuộc tính CSS Border-right-color
Thuộc tính CSS border-top-color: Thuộc tính CSS Border-top-color
Thuộc tính chế độ viết CSS: Thuộc tính chế độ viết CSS