color
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính color được dùng để cung cấp một giá trị gián tiếp tiềm năng, currentColor, cho các thuộc tính fill, stroke, stop-color, flood-color, và lighting-color.
Note:
Với vai trò là một presentation attribute, color cũng có thuộc tính CSS tương ứng: color. Khi cả hai đều được chỉ định, thuộc tính CSS sẽ được ưu tiên.
Về mặt kỹ thuật, color có thể được áp dụng cho bất kỳ phần tử nào, nhưng nó không có tác dụng trực tiếp lên các phần tử SVG.
Lưu ý sử dụng
| Giá trị |
<color>
| inherit
|
|---|---|
| Giá trị mặc định | Tùy vào user agent |
| Có thể animate | Có |
Ví dụ
html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<g color="green">
<rect width="50" height="50" fill="currentColor" />
<circle
r="25"
cx="70"
cy="70"
stroke="currentColor"
fill="none"
stroke-width="5" />
</g>
</svg>
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Color Module Level 4 # the-color-property |
| Scalable Vector Graphics (SVG) 2 # ColorProperty |
Tương thích trình duyệt
Xem thêm
- Thuộc tính CSS
color