html - 異なる画像サイズでborder-imageを使用する

Question

border-imageを使用するために私が見つけたすべての例は、固定されたxとyのものです。パーセンテージを使用して、境界線の画像にさまざまな幅や高さを補正させる方法はありますか？

Answer 1

画像のスライスについて話している場合、border-image-sliceは必要なプロパティです。percantageで指定できます。http： //www.w3schools.com/cssref/css3_pr_border-image.aspを参照してください。

Answer 2

ストレートCSSではこれを行うことはできません。画像の大きさを把握し、それに応じて境界線を設定するには、JavaScriptが必要になります。jsbinで簡単なモックアップを作成しました。こちらでチェックしてください。