13–1–1 画像エリアの大きさ

画像エリアの大きさはプロパティwidth（表5･10 widthプロパティ参照）とプロパティheight（表5･7 heightプロパティ参照）プロパティの値として設定する。このプロパティの指定がないか値がautoならば、画像エリアの大きさは画像ファイルの内容から求めた大きさとなる。

次の例では①image-za.jpg（縦：288px、横：288px、72dpi）、②image-do.png（縦：288px、横：288px、144dpi）の二つの画像を埋め込んでいる。画像エリアの大きさは指定していない。

<fo:layout-master-set>   
  <fo:simple-page-master margin="5mm 5mm 5mm 5mm" 
                         master-name="PageMaster"
                         page-height="297mm" 
                         page-width="210mm">
    <fo:region-body margin="0"/>
  </fo:simple-page-master>       
      …省略…
<fo:page-sequence master-reference="PageMaster">
  <fo:flow flow-name="xsl-region-body">
    <fo:block font-size="14pt" 
              line-height="1.8" 
              font-family="'arial','ＭＳ ゴシック', sans-serif">
      <fo:block border="solid 0.2pt #666666" 
                space-after="0.5em">
          画像エリアの大きさ
        <fo:external-graphic src="url(image-za.jpg)" />
      </fo:block>
      <fo:block border="solid 0.2pt #666666">
          画像エリアの大きさ
        <fo:external-graphic src="url(image-do.png)" />
      </fo:block>
    </fo:block> 
  </fo:flow>
</fo:page-sequence> 

組版結果図13･1 画像エリアの大きさでは画像エリアはそれぞれ4インチ、2インチとなる。これは内容の画像の大きさがimage-za.jpgは縦と横が4インチ（288px÷72px/in=4in）、image-for-background2.pngは縦と横が2インチ（288px÷144px/in=2in）となるためである。

13–1–2 画像内容の大きさ

プロパティcontent-height、プロパティcontent-widthプロパティは、画像ファイルの内容の大きさを指定する。もし、幅か高さのどちらかがautoならば、他方の拡大・縮小係数をautoの方にも適用する。

次は、画像エリアを１文字の大きさになるよう高さ（height="1em"）または幅を（width="1em"）指定し、画像内容を表示エリアに入るように内容の高さ（content-height="scale-to-fit"）または内容の幅（content-width="scale-to-fit"）を指定した。

  …省略…
    画像エリアの大きさ
  <fo:external-graphic height="1em" 
                       content-height="scale-to-fit" 
                       src="url(image-za.jpg)" />
 …省略…
    画像エリアの大きさ
  <fo:external-graphic width="1em"  
                       content-width="scale-to-fit" 
                       src="url(image-do.png)" />
 …省略…                             

組版結果を図13･2 画像エリアの大きさを指定し、内容をそれに合わせるに示す。各画像エリアは1文字分の大きさとなるが、画像の下線はalphabeticベースラインが適用されているため漢字の下線とずれている。ベースライン位置の調整方法は13–3 画像エリアの位置合わせで説明する。

13–1–3 拡大縮小でのアスペクト比

プロパティscalingプロパティは拡大・縮小の際にアスペクト比を維持する必要があるかを指定する。

13–1–4 画像エリア内での内容の配置

fo:external-graphicの内部での画像内容の配置はプロパティtext-align（表10･3 text-alignプロパティ参照）とプロパティdisplay-align（表5･3 display-alignプロパティ参照）プロパティによって設定する。

次は、EMF（ファイル名：dtp-xsl-jp.emf）をfo:external-graphicで指定した例である。画像エリアは幅9cm、高さ6cm。画像内容は幅5.5cm、高さ4.5cmとして上下、左右にセンタリングしている。

<fo:block text-align="center">
  <fo:external-graphic src="dtp-xsl-jp.emf"
                       border-style="dotted" 
                       border-width="thin"
                       width="9cm" 
                       height="6cm"
                       content-width="5.5cm"
                       content-height="4.5cm"
                       display-align="center" 
                       text-align="center"/>
</fo:block>