Thuộc tính CSS border-inline-start-color
Ví dụ
Đặt màu cho đường viền khi bắt đầu theo hướng nội tuyến:
div {
border-inline-start-style: solid;
border-inline-start-color: 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-inline-start-color
đặt màu đường viền của phần tử khi bắt đầu theo hướng nội tuyến.
Lưu ý: Để thuộc tính border-inline-start-color
có hiệu lực, thuộc tính border-inline-start-style
phải được đặt.
Thuộc tính CSS border-inline-start-color
rất giống với các thuộc tính CSS border-bottom-color
, border-left-color
, border-right-color
và border-top-color
, nhưng thuộc tính border-inline-start-color
phụ thuộc vào hướng nội tuyến.
Lưu ý: Các thuộc tính CSS có liên quan writing-mode
, text-orientation
và direction
xác định hướng nội tuyến. Đ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ư kết quả của thuộc tính border-inline-start-color
. Đố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: | Màu hiện tại của phần tử |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | Đúng. Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.borderInlineStartColor="hồng" 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-inline-start-color | 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Cú pháp CSS
border-inline-start-color: color |transparent|initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
color | Specifies the border color. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element | Demo ❯ |
transparent | Specifies that the border color should be transparent | 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 theo hướng nội tuyến bị ảnh hưởng bởi thuộc tính writing-mode
:
div {
border-inline-start-style: solid;
writing-mode: vertical-rl;
border-inline-start-color: 5px;
}
Hãy tự mình thử »Với tính chất hướng
Vị trí của các đường viền ở đầu và cuối theo hướng nội tuyến bị ảnh hưởng bởi thuộc tính direction
:
div {
direction: rtl;
border-inline-start-color: hotpink;
}
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 CSS Border-inline: Thuộc tính CSS Border-inline
Thuộc tính CSS border-inline-end-color: Thuộc tính CSS Border-inline-end-color
Thuộc tính CSS border-inline-start-style: Thuộc tính CSS Border-inline-start-style
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 hướng CSS: Thuộc tính CSS Direction
Thuộc tính định hướng văn bản CSS: Thuộc tính định hướng văn bản CSS
Thuộc tính chế độ viết CSS: Thuộc tính chế độ viết CSS