CSS3 HTML5 그래픽 경계 인스턴스 이름에서 알 수 있듯이 그래픽 경계는 이미지를 객체로 사용하는 경계입니다.
다음은 HTML5에서 CSS3을 통해 구현 된 그래픽 경계 예제에 대한 관련 내용입니다. 이 기사 튜토리얼은 주로 HTML5 CSS3의 그래픽 경계와 관련된 일부 기술 및 지식에 대해 이야기합니다. 자세한 내용은 http://www.vevb.com을 방문하여 더 많은 최신 자습서를 얻을 수 있습니다. 다음은 자습서 설명입니다.
이름에서 알 수 있듯이 그래픽 경계는 그림을 객체로 사용하는 경계입니다. 구문은 다음과 같습니다.
국경 : 5px 고체 #cccccccc;
-webkit-border-image : url (/images/border-image.png) 5 반복;
-Moz-Border-Image : url (/images/border-image.png) 5 반복;
테두리-이미지 : URL (/images/border-image.png) 5 반복;
여기서, 테두리 : 5px는 경계의 너비를 설정 한 다음 각 경계의 이미지 정의는 브라우저에 그림의 일부가 경계 역할을하는 데 사용되는 양을 알려줍니다. 경계 그림은 각 모서리에 대해 별도로 설정할 수도 있습니다.
국경 바닥-오른쪽 이미지
국경-바닥 이미지
국경 바닥-왼쪽 이미지
국경 좌파 이미지
경계 왼쪽 이미지
경계-탑 이미지
국경-오른쪽 이미지
국경 오른쪽 이미지
지원되는 브라우저 : Firefox 3.1, Safari, Chrome.
이것은 HTML5의 CSS3을 통해 구현 된 그래픽 경계 예제에 관한 기사에 관한 것입니다. 이 사이트의 다른 내용을 탐색하는 데 오신 것을 환영합니다. 홈페이지로 돌아가려면 여기를 클릭하십시오