Functions

Functions

Auto Box Sizing
- fit-content()
Color
- color()
- hsl()
- hsla()
- hwb()
- lab()
- lch()
- oklab()
- oklch()
- rgb()
- rgba()
Custom Properties for Cascading Variables
- var()
Easing Functions
- cubic-bezier()
- steps()
Environment Variables
- env()
Filter Effects
- blur()
- brightness()
- contrast()
- drop-shadow()
- grayscale()
- hue-rotate()
- invert()
- opacity()
- saturate()
- sepia()
Grid Layout
- minmax()
- repeat()
Image
List and Counter
- counter()
- counters()
Shapes
- circle()
- ellipse()
- inset()
- path()
- polygon()
- rect()
Transform
- matrix()
- matrix3d()
- perspective()
- rotate()
- rotate3d()
- rotateX()
- rotateY()
- rotateZ()
- scale()
- scale3d()
- scaleX()
- scaleY()
- scaleZ()
- skew()
- skewX()
- skewY()
- translate()
- translate3d()
- translateX()
- translateY()
- translateZ()
Values and Units
- acos()
- asin()
- atan()
- atan2()
- attr()
- calc()
- clamp()
- cos()
- max()
- min()
- sin()
- tan()
- url()

Auto Box Sizing

개요
박스 크기를 지정하기 위해 명시적인 절대값 또는 상대값을 설정할 수 있기도 하지만 콘텐츠에 따른 알고리즘에 의한 자동 크기 설정도 가능하다. `width` 속성 또는 그리드 레이아웃에서 값이 사용된다.
관련 함수

fit-content()
인수(argument)로 전달된 값은 minmax(auto, max-content)와 minmax(auto, argument) 중 더 작은 값으로 계산된다.

W3C Modules

CSS Box Sizing Module Level 3: W3C Working Draft, 17 December 2021
CSS Grid Layout Module Level 1: W3C Candidate Recommendation Draft, 18 December 2020

©2023 devdic.com, Korea

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

master@cydemy.com