Home   Single Page

spacingプロパティ

ボックスコントロールの子要素の中の間隔をコントロールできます。例えば、以下の例は5emを上と下マージン両方に入れます。こうして、テキストボックスとデートボックスの間は10emになります。

<vbox spacing="5em">
    <textbox/>    
    <datebox/>    
</vbox>

以下の例では、ゼロ間隔を使用することで面白いレイアウトを表示します。

<window title="Box Layout Demo" border="normal">
    <hbox spacing="0">    
        <window border="normal">0</window>        
        <vbox spacing="0">        
            <hbox spacing="0">            
                <window border="normal">1</window>                
                <window border="normal">2</window>                
                <vbox spacing="0">                
                    <window border="normal">3</window>                    
                    <window border="normal">4</window>                    
                </vbox>                
            </hbox>            
            <hbox spacing="0">            
                <vbox spacing="0">                
                    <window border="normal">5</window>                     
                    <window border="normal">6</window>                    
                </vbox>                
                <window border="normal">7</window>                
                <window border="normal">8</window>                
                <window border="normal">9</window>                
            </hbox>            
        </vbox>        
    </hbox>    
</window>