field-sizing

폼 컨트롤의 크기를 조절하는 유틸리티입니다.

Class Styles

Class	Styles
`field-sizing-fixed`	`field-sizing: fixed;`
`field-sizing-content`	`field-sizing: content;`

field-sizing-fixed

field-sizing: fixed;

field-sizing-content

field-sizing: content;

예제

폼 컨트롤이 콘텐츠에 따라 크기를 조정할 수 있도록 field-sizing-content 유틸리티를 사용하세요:

아래 입력란에 텍스트를 입력하면 크기가 변하는 것을 확인할 수 있습니다

<textarea class="field-sizing-content ..." rows="2">  Latex Salesman, Vanderlay Industries</textarea>

폼 컨트롤의 크기를 고정하려면 field-sizing-fixed 유틸리티를 사용하세요:

아래 입력란에 텍스트를 입력해도 크기가 변하지 않는 것을 확인하세요

<textarea class="field-sizing-fixed w-80 ..." rows="2">  Latex Salesman, Vanderlay Industries</textarea>

접두사 a field-sizing 유틸리티 를 md:와 같은 브레이크포인트 변형과 함께 사용하면 medium 화면 크기 이상에서만 유틸리티가 적용됩니다:

<input class="field-sizing-content md:field-sizing-fixed ..." />

변형 사용에 대해 더 알아보려면 변형 문서를 참고하세요.