The SMIL Tutorial - Layout - Make your medium fill its area

Chapter 3. Layout - screen 13 of 17

Make your medium fill its area

Imagine that your media is smaller than your area. You would like to make it grow and fill the area as shown below:

Just add fit="fill" attribute in the <region> tag...

<smil>
 <head>
  <layout>
   <root-layout width="147" height="116" background-color="yellow" />
   <region id="region_1" left="8" top="10" width="116" height="81"
           background-color="white" fit="fill" />
  </layout>
 </head>
 <body>
  <!-- this image is smaller than its region -->
  <img src="madewithcss.gif" region="region_1" />
 </body>
</smil>

Source