image - setting the 50% of original picture width and height using css -

image - setting the 50% of original picture width and height using css -

is there way of setting 50% of original image width , height using css? illustration have code:

<img src="http://content.captive-portal.com/files/ign/movie-news/content/2b.jpg">

i don't specify width , height in html, want 50% of original height , width. can utilize css that?

this doesn't work:

img{width:50%; height:50%}

is there way overcome this? thanks

you can scale image described here: css image resize percentage of itself?

img {-webkit-transform: scale(0.5); /* saf3.1+, chrome */ -moz-transform: scale(0.5); /* ff3.5+ */ -ms-transform: scale(0.5); /* ie9 */ -o-transform: scale(0.5); /* opera 10.5+ */ transform: scale(0.5); /* ie6–ie9 */ filter: progid:dximagetransform.microsoft.matrix(m11=0.9999619230641713, m12=-0.008726535498373935, m21=0.008726535498373935, m22=0.9999619230641713,sizingmethod='auto expand');}​

css image image-processing