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

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

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

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

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

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

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

html:

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

css:

아아앙

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

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

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

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