ホームページ > 記事 > ウェブフロントエンド > CSS border-image-source プロパティの使用方法
css border-image-source 属性は、使用する画像を指定するために使用され、これにより、border-style 属性で設定された枠線スタイルが置き換えられます。ただし、プロパティ値が「none」の場合、または画像を表示できない場合は、境界線スタイルも必要です。
#CSS border-image-source プロパティを使用するにはどうすればよいですか?
border-image-source 属性は、使用する画像を指定することにより、border-style 属性で設定された境界線スタイルをオーバーライドします。構文:
border-image-source: none|image;
属性値:
● なし: 画像を使用しません。 # 画像: 境界線として使用される画像へのパス。url() を使用して含められます。注: 値が「なし」の場合、または画像を表示できない場合は、境界線スタイルが使用されます。
css border-image-source 属性構文
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div { border: 30px solid transparent; width: 200px; height: 50px; border-image-source: url('https://img.php.cn/upload/article/000/000/024/5c62637b1a4fe853.png'); border-image-repeat: round; border-image-slice:30; } </style> </head> <body> <div>DIV 使用图像边框</div> <p>使用的图片:</p> <img src="https://img.php.cn/upload/article/000/000/024/5c62637b1a4fe853.png" alt="CSS border-image-source プロパティの使用方法" > </body> </html>レンダリング:
以上がCSS border-image-source プロパティの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。