CSS Keywords

{object_name}

Cascading

캐스케이드(cascading)는 지정된 요소에서 지정된 속성에 대해 선언된 값의 정렬되지 않은 목록을 가져와서 우선 순위에 따라 정렬한 다음 단일 캐스케이드 값으로 처리한다.

캐스케이드 정렬 순서

캐스케이드는 다음 기준에 따라 선언을 우선 순위의 내림차순으로 정렬한다.

  1. transition 선언
  2. !important 유저 에이전트(user agent) 선언
  3. !important 사용자(user) 선언
  4. !importnat 작성자(author) 선언
  5. animation 선언
  6. 일반(normal) 작성자(author) 선언
  7. 일반(normal) 사용자(user) 선언
  8. 일반(normal) 유저 에이전트(user agent) 선언

캐스케이딩 시작점(cascading origin)

각 스타일은 캐스케이드의 시작점이 있으며 이 시작점은 캐스케이드가 처리되어지는 우선 순위를 결정한다. 다음은 세 가지 핵심 시작점을 나타낸다.

  • Author Origin : HTML 문서에 포함된 스타일시트 또는 외부에 연결된 스타일시트(개발자가 생성)
  • User Origin : HTML 문서를 열람하는 사용자에 의해서 적용되는 스타일시트(사용자에 의해 발생)
  • User-Agent Origin : HTML 문서를 해석하는 소프트웨어가 기본적으로 적용하는 스타일시트

추가적으로 CSS 확장에서는 다음과 같은 추가 시작점을 정의한다.

  • Animation Origin : 애니메이션이 실행되어 효과가 나타나는  시점
  • Transition Origin : animation과 마찬가지로 transition 효과가 나타나는 시점

사용되는 주요 키워드

  • !important

    가장 높은 우선 순위의 값을 나타낸다.

  • layer

    고유한 익명 캐스케이드 레이어를 나타낸다.

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com