>  기사  >  웹 프론트엔드  >  CSS의 클립 클리핑 사용법에 대한 간략한 소개

CSS의 클립 클리핑 사용법에 대한 간략한 소개

高洛峰
高洛峰원래의
2017-03-07 13:57:471343검색

클립 속성은 요소의 모양을 설정하는 데 사용됩니다. 절대 위치 요소(절대 또는 고정)를 클립하는 데 사용됩니다.

clip에는 세 가지 값이 있습니다: auto |inherit|ret. Inherit는 상속이고 IE는 이 속성을 지원하지 않으며 auto가 기본값입니다. 처음 두 개는 기본적으로 간장입니다. 주로 클립의 ret 속성에 대해 이야기하겠습니다.

clip의 ret 속성: clip:ret(top, right, Bottom, left) 4가지 속성 값은 필수입니다.

이 4가지는 필수입니다. 속성 값은 어떻게 계산되나요? 먼저 아래 그림을 보세요.

CSS의 클립 클리핑 사용법에 대한 간략한 소개

Rect의 위쪽, 오른쪽, 아래쪽, 왼쪽은 왼쪽 상단을 기준으로 계산됩니다.

작은 데모를 살펴보겠습니다.

html:

<p id="demo">  
    <u class="c1"></u><u class="c2"></u>  
 </p>

css:

아아앙

새내기 1 오류가 있으면 정정해 주세요.

매일 조금씩 발전하는 것이 보상입니다.

CSS에서 클립 클리핑의 사용법을 간략하게 설명한 위 글은 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. PHP 중국어 홈페이지에 많은 응원 부탁드립니다.

CSS의 클립 클리핑 사용법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.