iphone - Safari のような Webkit ブラウザーで境界線の下に画像を使用する方法は?

Question

ボーダー画像の使用方法について StackOverflow に関するいくつかの質問がありますが、それらはかなり古くなっています。

単純な必要性があります: 画像を下の境界線として使用することです。Webkit ブラウザー、特にモバイル Safari のみをサポートする必要があります。

どうすればこれを行うことができますか？

Answer 1

ボーダー下部への画像のみは、border-bottom-imagecss3 プロパティを使用します。

webkitブラウザのみの場合は、次を使用します-webkit-border-bottom-image

mobile safari css3をサポートします。

更新：

css3Infoによると、

プロパティのみborder-imageが Safari で機能します。

だから、使用：

-webkit-border-image: url(filePath) 0 0 5 0 repeat;  // top, right, bottom , left
 border-image: url(filePath) 0 0 5 0 repeat;  // top, right, bottom , left

適合表をご確認ください。