WPF Border Thickness increase direction

wpf border thickness
morsanu picture morsanu · Apr 12, 2010 · Viewed 9.5k times · Source

Hey. Another WPF question. In my XAML code I have a border:

<Border x:Name="myBorder" Background="AliceBlue" 
    Width="200" Height="200" 
    BorderThickness="10" BorderBrush="Black">
</Border>

and somewhere in code I increase the BorderThickness

double thickness = myBorder.BorderThickness.Bottom + 2;
myBorder.BorderThickness = new Thickness(thickness);

and the result is that the border's weight increases but not outside the 200x200 width-height, but inner, decreasing the dimension. Is there a way to do the opposite?

Answer

melculetz picture melculetz · Apr 12, 2010

Well, actually you should set the width and height on the inner or outer control of the border, not on the border itself. Then you can set a negative margin for the border, equal to minus the value of the border thickness. Something like this should to the trick:

<Border x:Name="myBorder" Background="AliceBlue" 
Margin="-10,-10,-10,-10" BorderThickness="10" BorderBrush="Black">
    <Button Background="Red" Content="Test" Width="200" Height="200"></Button>
</Border>

Related questions

Change button border thickness in wpf?

Why the border thickness of the Button doesn't change? If I change the border thickness to 1 or 100, it doesn't matters. It's the same. I would like to change it using Style, not Custom Template. <Window x:Class="GUI.MainWindow" …

Read More
Bind visibility property to a variable

I have a Border with Label inside a Window, <Border x:Name="Border1" BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Left" Height="21" Margin="229,164,0,0" VerticalAlignment="Top" Width="90" Opacity="0.5"> <Grid> <Label Content="test"/> </Grid> </Border> …

Read More
Style a border with a different brush color for each corner

I have created a static resource defining the border of a specific item in my xaml, but I can't find a good way to define a unique color for each side! xaml: <Border Style="{StaticResource SidePanelBorder}"> <!-- …

Read More