borderimage属性在chrome中的不同效果

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
  <body>
      <div  style=" 350px; height: 46px; padding:10px; -webkit-border-image: url(image/whiteButton.png) 8 stretch ; border- 8px;">-webkit-border-image效果</div>
      <div  style=" 350px;  height: 46px;padding:10px;border-image: url(image/whiteButton.png) 8 stretch ; border- 8px;">border-image效果</div>
</body>
</html>

不清楚是什么原因,先记下方便回顾

原文地址:https://www.cnblogs.com/webjs/p/2744589.html