css border-image-outset属性

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

outset

英[ˈaʊtset] 美[ˈaʊtˌsɛt]

n. 始まり、始まり

css border-image-outset属性構文

関数: 境界線イメージが境界ボックスを超える量を指定します。

構文: border-image-outset:number;

説明: number は、対応するボーダー幅の倍数を表します。

注: border-image-outset 属性は、境界線イメージが境界ボックスを超える量を指定します。上、右、下、左です。 4 番目の値を省略した場合は、2 番目の値と同じになります。 3 番目の値を省略した場合は、1 番目の値と同じになります。 2 番目の値を省略した場合は、1 番目の値と同じになります。 border-image-outset 値として負の値は許可されません。

css border-image-outset属性例

div{
border-image-source: url(border.png);
border-image-outset: 30 30;
}