HTML에서 <textarea>(텍스트 영역)의 가시적 너비를 지정하려면 cols 속성을 사용합니다. cols 속성은 텍스트 영역에 보이는 열(column)의 개수, 즉 한 줄에 입력할 수 있는 평균 문자 수를 기준으로 너비를 결정합니다.
아래 예제 코드를 실행하면 cols 속성이 적용된 textarea를 직접 확인할 수 있습니다.
예제
<!DOCTYPE html> <html> <body> <textarea rows="3" cols="40"> This is a demo paragraph. This is a demo paragraph. This is a demo paragraph. This is a demo paragraph. </textarea> </body> </html>
코드 설명
- cols="40": 텍스트 영역의 가시적 너비를 평균 문자 40개 크기로 설정합니다.
- rows="3": 텍스트 영역에 보이는 줄(row)의 개수를 3줄로 지정하여 높이를 결정합니다.
참고로 cols와 rows 속성은 HTML5에서도 여전히 유효하지만, 더 정밀한 크기 조절이 필요하다면 CSS의 width, height 속성을 함께 사용하는 것이 좋습니다.