CSS field-sizing: content 속성을 에 적용하면 어떤 효과가 있나요?

Q: CSS field-sizing: content 속성을 에 적용하면 어떤 효과가 있나요?

입력된 콘텐츠의 양에 따라 텍스트 영역의 크기가 자동으로 조절된다 field-sizing: content는 나 , 등의 폼 요소가 내용물의 크기에 맞게 자동으로 리사이즈되도록 합니다. 이전에는 JavaScript로 scrollHeight를 감지하여 높이를 조절해야 했던 자동 확장 텍스트 영역을 CSS만으로 구현할 수 있습니다.

CSS field-sizing: content 속성을 <textarea>에 적용하면 어떤 효과가 있나요?

어려움 MDN Web Docs

보기 및 정답

A text-transform은 한국어에도 대소문자 변환이 적용된다

B 입력된 콘텐츠의 양에 따라 텍스트 영역의 크기가 자동으로 조절된다

C word-break: break-all은 영문에는 적용되지 않는다

D vertical-align은 블록 요소의 수직 정렬에 사용된다

해설

field-sizing: content는 <textarea>나 <input>, <select> 등의 폼 요소가 내용물의 크기에 맞게 자동으로 리사이즈되도록 합니다. 이전에는 JavaScript로 scrollHeight를 감지하여 높이를 조절해야 했던 자동 확장 텍스트 영역을 CSS만으로 구현할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS field-sizing: content 속성을 <textarea>에 적용하면 어떤 효과가 있나요?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩