 <p>Something like this?</p> <p><img src="https://i.stack.imgur.com/WZMY9.png" alt="enter image description here"></p> <pre><code>&lt;Grid HorizontalAlignment="Center" VerticalAlignment="Center"&gt; &lt;Grid.RowDefinitions&gt; &lt;RowDefinition Height="25"/&gt; &lt;RowDefinition Height="Auto"/&gt; &lt;/Grid.RowDefinitions&gt; &lt;Grid.Resources&gt; &lt;Style TargetType="Rectangle"&gt; &lt;Setter Property="Stroke" Value="Black"/&gt; &lt;Setter Property="StrokeThickness" Value="1"/&gt; &lt;Setter Property="Height" Value="11"/&gt; &lt;Setter Property="Width" Value="11"/&gt; &lt;!-- For hittestvisibility --&gt; &lt;Setter Property="Fill" Value="Transparent"/&gt; &lt;/Style&gt; &lt;/Grid.Resources&gt; &lt;Line X1="0" Y1="1" X2="0" Y2="0" Stretch="Fill" Stroke="Black" /&gt; &lt;Rectangle VerticalAlignment="Top" HorizontalAlignment="Center"/&gt; &lt;Grid Grid.Row="1" Height="200" Width="200" Margin="-5"&gt; &lt;Rectangle Margin="5" Height="Auto" Width="Auto" Fill="{x:Null}"/&gt; &lt;Rectangle VerticalAlignment="Top" HorizontalAlignment="Left"/&gt; &lt;Rectangle VerticalAlignment="Top" HorizontalAlignment="Center"/&gt; &lt;Rectangle VerticalAlignment="Top" HorizontalAlignment="Right"/&gt; &lt;Rectangle VerticalAlignment="Center" HorizontalAlignment="Left"/&gt; &lt;Rectangle VerticalAlignment="Center" HorizontalAlignment="Right"/&gt; &lt;Rectangle VerticalAlignment="Bottom" HorizontalAlignment="Left"/&gt; &lt;Rectangle VerticalAlignment="Bottom" HorizontalAlignment="Center"/&gt; &lt;Rectangle VerticalAlignment="Bottom" HorizontalAlignment="Right"/&gt; &lt;!-- The Content --&gt; &lt;Rectangle Width="Auto" Height="Auto" Margin="20" Fill="Green"/&gt; &lt;TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Content"/&gt; &lt;/Grid&gt; &lt;/Grid&gt; </code></pre> <p>The terminology is <a href="http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-6480a.html#WS714a382cdf7d304e7e07d0100196cbc5f-647ba" rel="nofollow noreferrer">Bounding Box</a></p>