color

« SVG 属性参考主页

color 属性用来为 fill 属性、stroke 属性、stop-color 属性、flood-color 属性和 lighting-color 属性提供一个潜在的间接值(currentColor)。

作为一个外观属性,它还可以直接用作CSS样式表的属性。请阅读 css color 以了解更多信息。

用法

类别 外观属性
<color> | inherit
规范文档 SVG 1.1 (2nd Edition)

示例

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" version="1.1">
  <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>

元素

下列元素可以使用color属性:

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
colorChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Compatibility unknown  
Compatibility unknown