The darker area represents the Margin; the lighter area represents the Padding. : Margin « Containers « Silverlight





The darker area represents the Margin; the lighter area represents the Padding.

The darker area represents the Margin; the lighter area represents the Padding.
    
<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">
        <StackPanel Background="Gray">
            <TextBox Background="LightGray" Margin="10" Padding ="10"   
                Text="Margin is outside, Padding is inside" />
        </StackPanel>
    </Grid>
</UserControl>

   
    
    
    
  










Related examples in the same category

1.Using Margins and Alignment
2.Margin: Left,Top,Right,BottomMargin: Left,Top,Right,Bottom
3.Set MarginSet Margin