css border-image-width属性

border

UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]

n.ボーダー; エッジ; エッジ; ラッピング エッジ

vt.& vi....の端でバインド...

vt. の端に沿って、囲む...、端...

vi近似、隣接

三人称単数: borders 複数形: borders 現在分詞: bordering 過去形: bordered 過去分詞: bordered

image

英[ ˈɪmɪdʒ] 美[ˈɪmɪdʒ]

##n.イメージ; ポートレート; コンセプト、意図; 鏡像、イメージ

vt. 反映; 想像; イメージ; シンボル

三人称単数形: 画像 複数形: 画像 現在分詞: イメージング 過去形: imaged 過去分詞: imaged

width

英[wɪdθ] 美[wɪdθ, wɪθ, wɪtθ]

n.幅; 幅

複数形: widths

css border-image-width属性構文

機能: 画像の境界線の幅を指定します。

構文: border-image-width:number|%|auto;

説明: number は、対応するボーダー幅を表します。倍数。 % 参照境界画像領域のサイズ: 領域の高さは水平オフセットに影響し、幅は垂直オフセットに影響します。 auto この属性が指定されている場合、幅は対応する画像スライスの固有の幅になります。関連ページ

コメント: border-image-width プロパティの 4 は、境界線イメージを 9 つの部分に分割するオフセットを指定します。これらは、エリアの上、右、下、左から内側への距離を表します。 4 番目の値を省略した場合は、2 番目の値と同じになります。 3 番目の値を省略した場合は、1 番目の値と同じになります。 2 番目の値を省略した場合は、1 番目の値と同じになります。 border-image-width の値として負の値は許可されません。

css border-image-width属性例

div
{
border-image-source: url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-width: 30 30;
}