本文へスキップ

function-url-scheme-allowed-list

許可されるURLスキームのリストを指定します。

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

URLスキームは、英数字、+、-、. の文字で構成されます。URLの先頭に現れ、コロン (:) が続きます。URL スキーム

このルールは、以下を無視します。

  • 既存のURLスキームがないURL引数
  • 変数または変数補間 ($sass、@less、--custom-property、#{$var}、@{var}、$(var)) を含むURL引数

message セカンダリオプション は、このルールの引数を受け入れることができます。

オプション​

array|string|regex: ["array", "of", /schemes/, "/regex/"]|"scheme"|"/regex/"|/regex/

例

["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='); }