Stretched Image by setting both width and height to 100% : img width « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. img width

Stretched Image by setting both width and height to 100%

      
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#star {
  width: 100%;
  height: 100%;
  background: blue;
}

</style>
</head>
<body>
    <img id="star" src="http://www.java2s.com/style/logo.png" alt="star"/>
</body>
</html>








Related examples in the same category

1.Set width for an image
2.Image with fixed width and height
3.Shrinkwrapped image by setting both width and height to auto
4.Image auto width and height
5.'units' defines the units by which the height and width attributes are measured