How to add a border to the Text inside a TextBlock in WPF?

Question

I am kinda new to WPF, dont know if the question is weird. I wanted to know if its possible to add a border around the text inside a textBlock.

EDIT:

As per suggestion I have tried both but without much success:

<Border BorderBrush="#FF0B232F" BorderThickness="2">
   <TextBlock HorizontalAlignment="Left" Text="TextBlock" TextWrapping="Wrap" FontSize="36" FontWeight="Bold" Foreground="#FF88BCCD" OpacityMask="Black"/>      
</Border>

and

<Label BorderBrush="#FF0B232F" BorderThickness="2,2,2,2" Content="TextBlock" FontSize="36" FontWeight="Bold" Foreground="#FF88BCCD" />

Am I doing something wrong here?

His question is how to "add a border around the text INSIDE(aka content of) a textBlock"... No one answered that question. I would also like to know how to do this. — zezba9000, Sep 15 '12 at 06:06
Look at this answer - http://stackoverflow.com/questions/93650/apply-stroke-to-a-textblock-in-wpf — zezba9000, Sep 15 '12 at 06:12

score 5 · Answer 1 · answered Feb 24 '11 at 13:55

5

In such cases I use Label or TextBlock placed in Border.

answered Feb 24 '11 at 13:55

Y.Yanavichus

2,387
1
21
34

score 4 · Answer 2 · answered Feb 24 '11 at 20:41

Both your approaches are correct, however, if you have the textblock/label inside a grid (or any other container) declared as you have, its contents will stretch. Try setting the VerticalAlignment and/or HorizontalAlignment to an appropriate setting (Top/Left, Center)..

something like this:

<Border BorderBrush="#FF0B232F" BorderThickness="2" VerticalAlignment="Top">
    <TextBlock HorizontalAlignment="Left" Text="TextBlock" TextWrapping="Wrap" FontSize="36" FontWeight="Bold" Foreground="#FF88BCCD" OpacityMask="Black"/>
</Border>

Filipe is correct - if the grid/contain contains other objects then the border will effectively cover the whole grid - VerticalAlignemnt and HorizontalAlignment fixes this. Not intuitive! — Ricibob, Oct 05 '11 at 10:55

Russell Giddings · Answer 3 · 2013-07-15T20:53:06.817

Assuming that you are asking for a full size TextBlock with a border overlay within the bounds of the TextBlock you could wrap it in a Grid and draw the borders over the top of the TextBlock like this...

<Grid HorizontalAlignment="Left">
    <TextBlock Text="TextBlock" TextWrapping="Wrap" FontSize="36" FontWeight="Bold" Foreground="#FF88BCCD" OpacityMask="Black" />
    <Border BorderBrush="#FF0B232F" BorderThickness="2" />
</Grid>

Because we haven't specified the grid row and column on the TextBlock and Border objects the border overlays on top of the TextBlock.

score 0 · Answer 4 · answered Feb 24 '11 at 14:01

0

if you just want to have a border around your textblock or any other control use :

 <Border>
      <TextBlock></TextBlock>
    </Border>

you set border properties like color ,cornerradius ,thickness,...

answered Feb 24 '11 at 14:01

Asha

3,871
7
44
57

How to add a border to the Text inside a TextBlock in WPF?

4 Answers4