title: Style Trigger for different images and border background
body: <p>I Want to use different <em>Border Background</em> and Different Images (each image must use different background color)
  how i change use <em>StyleTrigger</em> to do it ? (Now it just show red border for all images)</p>
  
  <pre><code>&lt;DataTemplate&gt;
      &lt;Border BorderThickness="1" Width="18" Height="18" CornerRadius="2" BorderBrush="Red" Background="Red"&gt;
          &lt;Image Width="16" Height="16"&gt;
              &lt;Image.Style&gt;
                  &lt;Style TargetType="{x:Type Image}"&gt;
                      &lt;Setter Property="Source" Value="{x:Null}" /&gt;
                                          &lt;Style.Triggers&gt;
                                              &lt;DataTrigger Binding="{Binding RowData.DataContext.my}" Value="High"&gt;
                                                      &lt;Setter Property="Source" Value="/project;component/Images/High.png" /&gt;
                                                  &lt;/DataTrigger&gt;
                                                  &lt;DataTrigger Binding="{Binding RowData.DataContext.my}" Value="Medium"&gt;
                                                      &lt;Setter Property="Source" Value="/project;component/Images/Medium.png" /&gt;
                                                  &lt;/DataTrigger&gt;
                                                  &lt;DataTrigger Binding="{Binding RowData.DataContext.my}" Value="Low"&gt;
                                                      &lt;Setter Property="Source" Value="/project;component/Images/Low.png" /&gt;
                                                  &lt;/DataTrigger&gt;
                      &lt;/Style.Triggers&gt;
                  &lt;/Style&gt;
              &lt;/Image.Style&gt;
          &lt;/Image&gt;
      &lt;/Border&gt;
  &lt;/DataTemplate&gt;
  </code></pre>
  
  <p>Thank you.</p>