border-image-repeatの対応状況を確認するborder-image-repeatプロパティの説明border-image-repeatは、ボーダー(枠線)に画像を表示する際に、繰り返しや引き伸ばしなどの表示方法を指定する際に使用します。値は予め用意されているキーワードの中から指定する形で行い、2つのキーワードで水平方向と垂直方向を別々に指定することもできます。ボーダーに画像を表示するための他のプロパティも同時に定義する場合には、border-imageを用いて下さい。ボーダーに画像が表示されるまでの処理プロセスは以下の通りです。border-image-sourceで画像を読み込むborder-image-sliceで、画像の外側から内側へかけて画像をスライスする距離を指定する。それによって画像が9つのイメージに分割されるborder-image-widthで画像スライスを表示させる太さが決まる(border-widthでボーダーが表示される領域を1px以上確保しておくこと)border-image-repeatで、画像の繰り返し方法が指定されるborder-image-outsetで、画像が表示される開始位置が決定され、ボーダーのイメージエリアに合わせて拡大縮小されてタイル状に敷き詰められるborder-image-repeatに与えられる値stretch画像スライスが引き伸ばされて領域を埋める(初期値)repeat画像スライスがタイル状に繰り返されて表示領域に敷き詰められますround表示領域の大きさに合わせて画像スライスが整数回並ぶように縮尺される形で、タイル状に敷き詰められるspace画像スライスが整数回で並ばない場合には、余ったスペースがスライスの周囲に分配されるborder-image-repeatの使用サンプル今回は以下のサンプル画像を使ってボーダー画像を表示させます。weblan3.com。