Skip to main content

function-url-quotes

Require or disallow quotes for urls.

a { background: url("x.jpg") }
/** ↑ ↑
* These quotes */

The fix option can automatically fix most of the problems reported by this rule.

Options

string: "always"|"never"

"always"

Urls must always be quoted.

The following patterns are considered problems:

@import url(foo.css);
@font-face { font-family: 'foo'; src: url(foo.ttf); }

The following patterns are not considered problems:

a { background: url('x.jpg'); }
@import url("foo.css");
@font-face { font-family: "foo"; src: url("foo.ttf"); }

"never"

Urls must never be quoted.

The following patterns are considered problems:

a { background: url('x.jpg'); }
@import url("foo.css");
@font-face { font-family: "foo"; src: url('foo.ttf'); }

The following patterns are not considered problems:

a { background: url(x.jpg); }
@import url(foo.css);
@font-face { font-family: 'foo'; src: url(foo.ttf); }

Optional secondary options

except: ["empty"]

Reverse the primary option for functions that have no arguments.

For example, with "always".

The following patterns are not considered problems:

@-moz-document url-prefix() {}