What will be the output of the following code?

<style>
.foo {
    width:100px;
    height:50px;
    border-width:3px;
    -webkit-border-image: 
        -webkit-gradient(linear, 0 0, 0 100%, from(black), to(red)) 1 100%;
    -webkit-border-image: 
        -webkit-linear-gradient(black, red) 1 100%;
    -o-border-image:
             -o-linear-gradient(black, red)) 1 100%;
    -moz-border-image:
           -moz-linear-gradient(black, red) 1 100%;    

}
</style>

<div  class="foo">Lorem</div>

Note: This Question is unanswered, help us to find answer for this one