CODEWITHSUNDEEP
htmlcss
Bhojendra Rauniyar
Bhojendra Rauniyar

Reputation: 85545

Can I re-size background image?

Is there any idea to re-size its background image?

div{background: url("image.jpg") no-repeat;} 
/* here original image is  20px X 20px
and I would like to re-size its background image as 50px X 50px */

Upvotes: 0

Views: 49

Answers (3)

Robert
Robert

Reputation: 20286

You can use background-size in CSS3 or in CSS2 you can use phpthumb

div{background: url("phpThumb.php?src=images/image.jpg&w=20&h=20") no-repeat;}

check this site if you are interesed in php solution

http://phpthumb.sourceforge.net/demo/demo/phpThumb.demo.demo.php

Upvotes: 0

zey
zey

Reputation: 6103

You can use ,

 -moz-background-size:
 -webkit-background-size:
  background-size:

Upvotes: 0

Pete
Pete

Reputation: 58432

You can use the background-size property but this is css3 and will only work in newer browsers

http://www.w3.org/TR/css3-background/#the-background-size

Upvotes: 1

Related Questions