css形式のborder-imageのサンプルコードを詳しく紹介

border-image-source propertyボーダーのimageのパスを設定します [none | ]

p {
   border: 20px solid #000;
   border-image-source: url(border.png);
}

border-image-sliceプロパティ 画像境界線は内側に偏っています Shift [ ](1,4) ?fillborder-image-
width

プロパティは画像の境界線の幅を設定します [ d82af2074b26fcfe177e947839b5d381 |d80b5def5ed1be6e26d91c2709f14170 | 42c97a047d75abc12b9b351eb8562711 auto](1,4)

border-image-set 属性は境界線を超える境界線の画像領域の量を設定します;length>|d80b5def5ed1be6e26d91c2709f14170 ]( 1,4)

p {
   border: 20px solid #000;
   border-image-source: url(border.png);
   border-image-slice: 27,27,27,27;
}

border-image-repeat 属性は、画像の境界線を繰り返すか、丸めるか、伸ばすかを設定します (1,2)
りー

-->

以上がcss形式のborder-imageのサンプルコードを詳しく紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。