function-url-scheme-allowed-list

指定允許的 URL 架構清單。

a { background-image: url('http://www.example.com/file.jpg'); }
/**                        ↑
 *           This URL scheme */

URL 架構包含字母數字、+、- 和 . 字元。它可以出現在 URL 的開頭，後面跟著 :。

此規則忽略

• 沒有現有 URL 架構的 URL 參數
• 包含變數或變數內插 ($sass、@less、--custom-property、#{$var}、@{var}、$(var)) 的 URL 參數

message 次要選項可以接受此規則的參數。

選項

陣列 | 字串 | 正規表示法：["陣列", "of", /架構/, "/正規表示法/"]|"架構"|"/正規表示法/"|/正規表示法/

給定

["data", "/^http/"]

以下模式被視為問題

a { background-image: url('file://file.jpg'); }

以下模式不是被視為問題

a { background-image: url('example.com/file.jpg'); }

a { background-image: url('/example.com/file.jpg'); }

a { background-image: url('//example.com/file.jpg'); }

a { background-image: url('./path/to/file.jpg'); }

a { background-image: url('http://www.example.com/file.jpg'); }

a { background-image: url('https://www.example.com/file.jpg'); }

a { background-image: url('HTTPS://www.example.com/file.jpg'); }

a { background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs='); }