理解css3中的border属性

Question

我无法理解这些属性的具体内容：

<style type = "text/css">
   h2{
      border-width: 15px;
      border-image: url("xyz.png");/*this understood*/
      -webkit-border-image: url("xyz.png") 25% repeat;

}
</style>

1）边界宽度是多少？是应用图像的宽度还是图像的宽度被挤压成（例如：500X500图像压缩成15px高度），它看起来不是所应用图像的长度而不是已经取决于文字？

2）在-webkit-border-image: url("xyz.png") 25% repeat;这个百分比值表示什么？我理解重复部分如何操纵正在使用的图像，但这个百分比表示什么？