title: WPF Custom Border - bracket style
body: <p>I would like to create a custom border around a content, that the upper and lower side of the border is not continuous, it should have a style like bracket as below. (inside the "bracket border" the content should be placed e.g. grid, stackpanel, etc.)
  Note that the height of the right and the left border can be changed depending on the content's height, whereas the top and the bottom should have a standard width.</p>
  
  <h2>[ sample content ]</h2>
  
  <p>In order to achieve this, I separated the view in a 3 columns grid:</p>
  
  <pre><code>    &lt;Grid&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="22px"&gt;&lt;/ColumnDefinition&gt;
              &lt;ColumnDefinition Width="*"&gt;&lt;/ColumnDefinition&gt;
              &lt;ColumnDefinition Width="22px"&gt;&lt;/ColumnDefinition&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          &lt;Border Grid.Column="0" BorderBrush="Blue" BorderThickness="6px 6px 0px 6px"&gt;&lt;/Border&gt;
          &lt;Border Grid.Column="1" BorderBrush="Transparent" BorderThickness="6px"&gt;
              &lt;!--Place for the actual content of the border--&gt;
              &lt;TextBlock Text="Test" FontSize="15"&gt;&lt;/TextBlock&gt;
          &lt;/Border&gt;
          &lt;Border Grid.Column="2" BorderBrush="Blue" BorderThickness="0px 6px 6px 6px"&gt;&lt;/Border&gt;
      &lt;/Grid&gt;
  </code></pre>
  
  <p>Is there another approach for achieving this style?</p>