CSS 배경 클립 속성
번역 결과：
Background
英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]
n. 배경색; 배경 정보; ep ] 美[ kləp]
n. 클립; 종이 클립
vt.& vi. 클립으로 고정 vt. 자르다; 자르다; 자르다; 자르다; 신문 기사(또는 뉴스, 사진 등)를 자르다
3인칭 단수: 클립 복수형: clips 현재 분사:clipping 과거 형식:clipped 과거 분사:clippedclipt
CSS 배경 클립 속성통사론
background-clip 속성을 어떻게 사용하나요?
background-clip 속성은 요소의 배경이 위치하는 영역을 지정합니다. 구문: background-clip: border-box|padding-box|content-box; 그 중 border-box(테두리 내 영역), padding-box(패딩 영역 내 영역), content-box(컨텐츠 내 영역) 영역) .
기능: 배경의 그리기 영역을 지정합니다.
구문: Background-clip: border-box|padding-box|content-box;
설명: border-box 배경이 테두리 상자에 맞춰 잘립니다. padding-box 배경이 padding 상자에 잘립니다. 콘텐츠 상자 배경이 콘텐츠 상자에 잘립니다.
참고: Internet Explorer 8 및 이전 버전은 background-clip 속성을 지원하지 않습니다.
CSS 배경 클립 속성예
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
border:2px solid #92b901;
}
</style>
</head>
<body>
<div>
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요