CSS Keywords

{object_name}

CSS Box Sizing Module

  • auto

    UA(유저 에이전트)가 자동으로 설정한다. inline-level 수준의 요소이면 가지고 있는 콘텐츠만큼 너비를 가지며 block-level 수준이면 기본적으로 상위 요소의 크기에 상대적으로 100%의 너비를 갖는다. 높이 값을 auto로 지정하면 inline-level 수준의 요소는 높이를 가질 수 없으며 block-level 수준의 요소는 가지고 있는 콘텐츠만큼 높이가 형성된다.

  • border-box

    박스의 지정된 크기는 border와 padding이 포함한 크기를 갖는다.

  • content-box

    박스의 지정된 크기는 border와 padding이 제외한 크기를 갖는다.

  • max-content

    관련 축의 최대 콘텐츠를 사용하여 크기를 사용한다. Block-level 수준의 요소에게 명시적으로 크기를 지정하지 않는 한 auto와 동일하다.

  • min-content

    관련 축에서 최소 콘텐츠의 크기를 사용한다. auto로 지정하는 것과 동일하다.

  • none

    크기에 제한이 없다.

©2024 devdic.com, Korea

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

master@cydemy.com