CSS Keywords

{object_name}

CSS Basic User Interface Module

  • Cursor

    • alias

      커서가 가리키고 있는 대상으로 부터 별칭/바로가기가 생성될 수 있음을 나타낸다.

    • all-scroll

      항목을 모든 방향으로 스크롤할 수 있음을 나타낸다.

    • auto

      UA(user agent)는 현재 컨텍스트에 따라 표시할 커서를 결정한다. 특히 선택 가능한 텍스트 또는 편집 가능한 요소에 대해 텍스트로 작동하고 그 외는 기본 값을 사용한다.

    • cell

      셀(cell) 또는 셀 집합을 선택할 수 있음을 나타낸다.

    • col-resize

      열의 크기를 가로로 조정할 수 있음을 나타낸다.

    • context-menu

      커서가 가리키는 대상에 따라 상황에 맞는 메뉴를 사용할 수 있음을 나타낸다.

    • copy

      커서가 가리키는 대상이 복사될 수 있음을 나타낸다.

    • crosshair

      보통 2차원 비트맵 이미지의 선택 모드를 나타낸다.

    • default

      운영체제에 따라 기본 커서를 나타낸다. 일반적으로 화살표 모양을 갖는다.

    • e-resize

      동쪽 방향을 가리키는 화살표를 나타낸다.

    • ew-resize

      동서쪽 양방향을 가리키는 화살표를 나타낸다.

    • grab

      커서가 가리키는 대상이 잡아 끌어 드래그 될 수 있음을 나타낸다.

    • grabbing

      잡아 끌어 드래그되고 있음을 나타낸다.

    • help

      커서가 가리키는 대상에 대한 도움말을 사용할 수 있음을 나타낸다.

    • move

      이동이 가능한 대상임을 나타낸다.

    • n-resize

      북쪽 방향을 가리키는 화살표를 나타낸다.

    • ne-resize

      북동쪽 방향을 가리키는 화살표를 나타낸다.

    • nesw-resize

      북동쪽과 남서쪽 양방향을 가리키는 화살표를 나타낸다.

    • no-drop

      드래그한 대상을 커서가 가리키는 위치에 놓을 수 없음을 나타낸다.

    • none

      커서를 표시하지 않는다.

    • not-allowed

      요청한 작업이 수행되지 않음을 나타낸다.

    • ns-resize

      남북쪽 양방향을 가리키는 화살표를 나타낸다.

    • nw-resize

      북서쪽 방향을 가리키는 화살표를 나타낸다.

    • nwse-resize

      북서쪽과 남동쪽 양방향을 가리키는 화살표를 나타낸다.

    • pointer

      링크를 의미하며 클릭할 수 있음을 나타낸다. 일반적으로 집게 손가락을 펼친 손의 뒷면으로 표시한다. 명시적으로 지정하지 않아도 링크가 걸린 대상들은 UA 스타일시트에 의해 자동으로 나타낸다.

    • progress

      프로그램이 처리중임을 나타내며 사용자는 다른 상호작용이 가능함을 나타낸다. 운영체제에 따라 보여지는 커서의 모양은 다를 수 있다.

    • row-resize

      행의 크기를 세로로 조정할 수 있음을 나타낸다.

    • s-resize

      남쪽 방향을 가리키는 화살표를 나타낸다.

    • se-resize

      남동쪽 방향을 가리키는 화살표를 나타낸다.

    • sw-resize

      남서쪽 방향을 가리키는 화살표를 나타낸다.

    • text

      선택 가능한 텍스트를 나타낸다.

    • vertical-text

      선택 가능한 세로 텍스트를 나타낸다.

    • w-resize

      서쪽 방향을 가리키는 화살표를 나타낸다.

    • wait

      프로그램이 처리중이며 사용자는 기다려야 함을 나타낸다.

    • zoom-in

      대상을 확대할 수 있음을 나타낸다.

    • zoom-out

      대상을 축소할 수 있음을 나타낸다.

  • Outline

    • auto

      유저 에이전트가 사용자 정의 개요 스타일을 렌더링하도록 허용한다. 일반적으로 플랫폼의 유저 인터페이스의 기본값이거나 CSS에서 자세히 설명할 수 있는 것 보다 더 풍부한 스타일이다.

    • invert

      반전하여 나타낸다.

  • Resize

    • block

      요소의 블록 크기만 조정할 수 있도록 단방향 블록 축 크기 조정이 가능하도록 한다.

    • both

      요소의 높이와 너비를 조정할 수 있도록 한다.

    • horizontal

      요소의 너비만 조정하도록 한다.

    • inline

      요소의 인라인 크기만 조정할 수 있도록 단방향 인라인 축 크기 조정 기능을 제공한다.

    • none

      크기 조정 기능을 제공하지 않는다.

    • vertical

      요소의 높이만 조정하도록 한다.

  • User Select

    • all

      요소의 내용은 원자적으로 선택된다. 선택 항목에 요소의 일부가 포함되는 경우 선택 항목에는 모든 하위 항목을 포함하여 전체 요소가 포함되어야 한다. 하위 요소에서 더블클릭 또는 컨텍스트 클릭이 발생한 경우 이 값을 가진 가장 높은 조상 요소가 선택된다.

    • auto

      ::before 및 ::after 가상 요소에서 사용된 값은 none과 같다. 편집 가능한 요소의 경우는 contain으로 처리된다. 부모 요소에서 all 또는 none 값을 사용했다면 각각 all과 none 값으로 사용된다. 그 외는 text 값을 갖는다.

    • contain

      요소 내에서 시작하도록 선택을 활성화한다. 그러나 선택 항목은 해당 요소의 범위에 포함된다.

    • none

      선택을 허용하지 않는다.

    • text

      요소는 선택 항목에 제한을 두지 않는다.

©2024 devdic.com, Korea

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

master@cydemy.com