Using Margins and Alignment : Margin « Containers « Silverlight

1. Silverlight
2. Containers
3. Margin

Using Margins and Alignment

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
<Grid x:Name="LayoutRoot" Background="White">
         <Image Source="image.jpg"
                Height="100" Width="150"
                VerticalAlignment="Top"
                HorizontalAlignment="Left"
                Margin="5,15,0,0"/>
         <Image Source="image2.jpg"
                Height="100" Width="150"
                VerticalAlignment="Center"
                HorizontalAlignment="Center"
                Margin="0,0,0,0"/>
         <Image Source="image3.jpg"
                Height="100" Width="150"
                VerticalAlignment="Bottom"
                HorizontalAlignment="Right"
                Margin="0,0,10,10"/>
    </Grid>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	Margin: Left,Top,Right,Bottom
2.	Set Margin
3.	The darker area represents the Margin; the lighter area represents the Padding.