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

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

指定なし

<v:group  style="position:relative; 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>

25を指定

<v:group  style="position:relative; width:100; height:25;">
<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; width:100; height: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; width:100; 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>

200を指定

<v:group  style="position:relative; width:100; height: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>

-50を指定

<v:group  style="position:relative; width:100; height:-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>

0を指定

<v:group  style="position:relative; width:100; height: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>