Regex: Finding URLs in background-image CSS, having trouble

Question

Here's my regex code:

preg_match_all('/background[-image]*:[\s]*url\(["|\']+(.*)["|\']+\)/', $css, $matches, PREG_SET_ORDER);

It looks for CSS that looks like this:

background:url('../blah.jpg');

My problem I'm having is some CSS I scrape looks like this:

background:transparent url('../blah.jpg');
background:transparent no-repeat url('../blah.jpg');

I'm no expert when it comes to regex, so I'm wondering how I can tell it to skip anything after the colon and before URL.

inhan · Accepted Answer · 2012-03-27 16:10:27Z

18

Ths should catch all the images unless I skipped anything.

preg_match_all('~\bbackground(-image)?\s*:(.*?)\(\s*(\'|")?(?<image>.*?)\3?\s*\)~i',$str,$matches);
$images = $matches['image'];
print_r($images);

answered Mar 27, 2012 at 16:10

inhan

7,5002 gold badges26 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

safrazik Over a year ago

BTW, <image> adds the matched string to $matches['image']? I didn't know that! Good one!!

inhan Over a year ago

Yep. $matches normally catches all the parenthesized values and the whole match but once you know where exactly you want to get regardless of where it is in your regex you can use labels. It's much more practical.

Tony Topper Over a year ago

This is matching non-URLs for me. Specifically, gradients; had to add url before the parenthesis.

Dunhamzzz · Accepted Answer · 2012-03-27 15:55:58Z

1

Try this:

preg_match_all('/background[-image]*:.*[\s]*url\(["|\']+(.*)["|\']+\)/', $css, $matches, PREG_SET_ORDER);

edited Mar 27, 2012 at 15:55

Dunhamzzz

14.8k4 gold badges54 silver badges74 bronze badges

answered Mar 27, 2012 at 15:55

robertvoliva

9126 silver badges6 bronze badges

1 Comment

Banning Over a year ago

How do you check if it has no double or single quote? Can't quit seem how to pass "nothing" lol as an options

safrazik · Accepted Answer · 2012-03-27 16:21:52Z

1

preg_match_all('/background(-image)??\s*?:.*?url\(["|\']??(.+)["|\']??\)/', $css, $matches, PREG_SET_ORDER);

I replaced :[\s]* with :.*? which should do the trick - means that it will match any character, the previous regex matched only spaces after :

edited Mar 27, 2012 at 16:21

answered Mar 27, 2012 at 15:55

safrazik

1,61911 silver badges14 bronze badges

1 Comment

Xeoncross Over a year ago

[-image]* means Zero or more of the characters [-aegim]. (-image)? would be better.

Collectives™ on Stack Overflow

Regex: Finding URLs in background-image CSS, having trouble

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related