CSS Keywords

{object_name}

CSS Box Model Module

  • Box-edge

    • border-box

      테두리가 있다면 테두리 영역까지의 범위를 정의한다. SVG 컨텍스트에서는 stroke-box와 동일한 값으로 사용된다.

    • content-box

      실제로 콘텐츠가 보여지는 범위를 정의한다. SVG 컨텍스트에서는 fill-box와 동일한 값으로 사용된다.

    • fill-box

      개체 경계 상자 또는 해당 가장자리를 나타낸다. CSS 박스 컨텍스트에서 content-box로 취급된다.

    • margin-box

      바깥쪽 여백 가장자리까지의 범위를 정의한다. SVG 컨텍스트에서는 stroke-box와 동일한 값으로 사용된다.

    • padding-box

      내부 여백이 있다면 테두리를 뺀 내부 여백 포함을 나타내는 범위를 정의한다. SVG 컨텍스트에서는 fill-box와 동일한 값으로 사용된다.

    • stroke-box

      외곽선의 경계 상자 또는 가장자리를 나타낸다. CSS 박스 컨텍스트에서 border-box로 취급된다.

    • view-box

      가장 가까운 SVG 뷰포트 요소의 원점 상자를 참조한다. 이 상자는 해당 요소의 viewBox 속성에 의해 설정된 초기 SVG 사용자 좌표계의 너비와 높이가 있는 직사각형이며 왼쪽 상단 모서리가 좌표계 원점에 고정되도록 배치한다. CSS 컨텍스트에서 border-box로 처리된다.

  • Margin

    • auto

      명시적으로 요소가 갖는 공간을 뺀 나머지 공간을 활용하여 User Agent가 margin을 설정한다.

©2024 devdic.com, Korea

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

master@cydemy.com