CSS paint-order 屬性
更多“自己嘗試”的例子見下文。
定義和用法
paint-order
屬性指定 SVG 元素或文字的繪製順序。
注意: 對於文字元素,只能更改描邊和填充的順序,因為標記不適用。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
paint-order | 35.0 | 17.0 | 60.0 | 8.0 | 22.0 |
CSS 語法
paint-order: normal|一個值|兩個值|三個值|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
normal | 預設值。繪製順序為 fill, stroke, markers。 | 演示 ❯ |
一個值 | 繪製將從給定的值開始,然後按照預設順序繼續進行其餘的繪製。如果只給出“stroke”,則下一個繪製活動是 fill,然後是 markers。 | 演示 ❯ |
兩個值 | 繪製將從給定的值開始,然後按照預設順序繼續進行其餘的繪製。如果給出“stroke markers”,則下一個繪製活動將是 fill。 | 演示 ❯ |
三個值 | 繪製將根據給定的值進行。 | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
相關頁面
SVG 教程:SVG 教程
HTML SVG 圖形:HTML SVG 圖形