CSS Property Value How to - border-image:url 100 stretch;

Question

We would like to know how to border-image:url 100 stretch;.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.other-image {<!--   w ww  .  ja  va  2  s .c  o  m-->
  border-width: 100px;
  -moz-border-image:
    url("http://www.w3.org/TR/css3-background/groovy-border-image-slice.png")
    100 stretch;
  -webkit-border-image:
    url("http://placehold.it/20x20")
    100 stretch;
  border-image:url("http://placehold.it/20x20") 100 stretch;
}
</style>
</head>
<body>
  <!-- Border Images -->
  <textarea class="other-image">some default text</textarea>
</body>
</html>

The code above is rendered as follows: