[CSS] textarea 크기 고정 및 다른 속성들

textarea를 사용하다가 크기 조절할 수 있는 부분이 거슬려서 빼려고 알아보다가 textarea 속성을 조금 정리해보면 어떨까 해서 적어본다.

 

먼저 알아보게 된 계기인 resize

textarea {
	resize: none;
}

css로 설정할 수 있고, 엄청 간단하다.

 

다른 속성들을 더 살펴보자면

 

autocapitalize

iOS Safari Mobile에서만 사용되는 비공식 속성이다. 첫 문자값을 대문자로 해준다.

autocomplete 

자동완성, on, off로 설정한다.

autofocus 

페이지가 로드됐을 때, 포커스를 받을 지 정의한다.

 

등등...

 

cols, rows, placeholder, disabled 는 많이 쓰이니 생략한다.

 

하지만 새롭게 알게 된 사실을 적자면 cols는 기본값이 20이라고 한다.

 

그리고 selectionEnd, selectionStart를 통해 클릭 했을 때 커서가 처음에 위치할지, 마지막에 위치할지 정할 수 있다는 것을 알았다.

 

spellcheck 기능도 있고

 

wrap 

속성을 통해 줄바꿈을 포함할지, 안할지를 정할 수 있는 것 같다.

hard, soft 로 정하고 hard는 포함, soft는 포함하지 않는다.

hard로 사용시 cols를 정해줘야한다.