group要素のCSSのwidth属性のサンプル

group要素のCSSのwidth属性のサンプル

指定なし

<v:group  style="position:relative; height:100;">
<v:shape style="width:1000; height:1000;" coordsize="1000, 1000" path="m 500,0 l 1000,1000, 0,1000 x e" />
<v:oval style="left:450;top:450; width:100; height:100;" />
</v:group>

50を指定

<v:group  style="position:relative; height:100; width:50;">
<v:shape style="width:1000; height:1000;" coordsize="1000, 1000" path="m 500,0 l 1000,1000, 0,1000 x e" />
<v:oval style="left:450;top:450; width:100; height:100;" />
</v:group>

100を指定

<v:group  style="position:relative; height:100; width:100;">
<v:shape style="width:1000; height:1000;" coordsize="1000, 1000" path="m 500,0 l 1000,1000, 0,1000 x e" />
<v:oval style="left:450;top:450; width:100; height:100;" />
</v:group>

200を指定

<v:group  style="position:relative; height:100; width:200;">
<v:shape style="width:1000; height:1000;" coordsize="1000, 1000" path="m 500,0 l 1000,1000, 0,1000 x e" />
<v:oval style="left:450;top:450; width:100; height:100;" />
</v:group>

400を指定

<v:group  style="position:relative; height:100; width:400;">
<v:shape style="width:1000; height:1000;" coordsize="1000, 1000" path="m 500,0 l 1000,1000, 0,1000 x e" />
<v:oval style="left:450;top:450; width:100; height:100;" />
</v:group>

-100を指定

<v:group  style="position:relative; height:100; width:-100;">
<v:shape style="width:1000; height:1000;" coordsize="1000, 1000" path="m 500,0 l 1000,1000, 0,1000 x e" />
<v:oval style="left:450;top:450; width:100; height:100;" />
</v:group>

0を指定

<v:group  style="position:relative; height:100; width:0;">
<v:shape style="width:1000; height:1000;" coordsize="1000, 1000" path="m 500,0 l 1000,1000, 0,1000 x e" />
<v:oval style="left:450;top:450; width:100; height:100;" />
</v:group>