border-image-source 속성은 border-style 속성으로 설정된 테두리 스타일 대신 사용할 이미지를 지정합니다.
CSS3 border-image-source 속성
역할: border-style 속성에 설정된 테두리 스타일 대신 사용할 이미지를 지정합니다.
구문:
border-image-source: none|image;
none: 이미지가 사용되지 않음을 의미합니다.
image: 테두리로 사용되는 이미지의 경로를 나타냅니다.
설명: 값이 "없음"이거나 이미지를 표시할 수 없는 경우 테두리 스타일이 사용됩니다.
CSS3 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>
</body>
</html>렌더링:
위 내용은 border-image-source 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
