¿Cómo puedo diseñar individualmente los lados del borde en XAML

Question

¿Cómo puedo diseñar el lado superior, izquierdo, derecho o inferior del borde en XAMl?

En CSS es esto posible con border-top: ...

Answer 1

Los thicknes frontera es una propiedad compuesta de la izquierda, superior, derecho e inferior de espesores (notar la diferencia con el fin de CSS). Si sólo se especifica un valor que establecer todos ellos, pero se puede especificar por separado:

BorderThickness="1,2,3,4" 

Answer 2

En XAML que no tienen propiedad border en los elementos que tienes en el CSS. Sin embargo, se puede utilizar un elemento de <Border> y establecer espesores individuales tal como se puede i CSS (conjuntos de izquierda a derecha y grosor del borde de arriba a abajo):

<Border BorderBrush="Blue" BorderThickness="2,4"> 
    <TextBlock Text="Inside border"/> 
</Border> 

o (conjuntos de la izquierda, arriba, derecha, grosor inferior) :

<Border BorderBrush="Blue" BorderThickness="1,2,3,4"> 
    <TextBlock Text="Inside border"/> 
</Border> 

Si necesita más control del borde, puede usar un panel para el diseño. P.ej. El uso de un <Grid>:

<Grid> 
    <Grid.RowDefinitions> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="*"/> 
    <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="Auto"/> 
    <ColumnDefinition Width="*"/> 
    <ColumnDefinition Width="Auto"/> 
    </Grid.ColumnDefinitions> 
    <Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" BorderBrush="Blue" BorderThickness="2"/> 
    <Border Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" BorderBrush="Green" BorderThickness="4"/> 
    <Border Grid.Row="1" Grid.Column="0" BorderBrush="Red" BorderThickness="3"/> 
    <Border Grid.Row="1" Grid.Column="2" BorderBrush="Red" BorderThickness="3"/> 
    <TextBlock Grid.Row="1" Grid.Column="1" Text="Inside border"/> 
</Grid> 

que son libres de poner otros elementos visuales en las celdas de la cuadrícula.