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

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

指定なし

<v:group  style="width:100; height:100;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

staticを指定

<v:group  style="width:100; height:100; position:static;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

relativeを指定

<v:group  style="width:100; height:100; position:relative;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

absoluteを指定

<v:group  style="width:100; height:100; position:absolute;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

fixedを指定

<v:group  style="width:100; height:100; position:fixed;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

inheritを指定

<v:group  style="width:100; height:100; position:inherit;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>