일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 컴퓨터
- Scss
- 설정
- 컴파일
- sublime text
- vscode
- 티스토리챌린지
- 모바일
- VS
- SM5
- GIT
- 에이펙스레전드
- 포토샵
- 윈도우11
- INPUT
- 제이쿼리
- 오블완
- 서브라임 텍스트
- 아이폰
- 단축키
- 태국
- HTML
- Github
- CSS
- Sass
- CODE
- 윈도우10
- 알리익스프레스
- 서브라임
- 윈도우
- Today
- Total
목록textarea (2)
web sprit
일하다 우연히 알게 되었습니다. 오랫동안 일을 했는데도 아직 모르는게 많네요... ㅎ textarea 태그에 css로 height 값을 주어도 크롬은 오른쪽 하단을 마우스로 잡고 아래로 드래그하면 길이가 늘어나는데요. 수동으로 잡고 width나 height를 늘리는 것을 막는 css 속성이 있어 소개하려 합니다. 방법은 아래와 같습니다. textarea{ resize: none; } 위와 같이 적용하면 크롬에서 조정하는 부분이 사라지고 마우스로 제어할 수 없게 됩니다. 감사합니다. ^^
textarea 태그 문법은 아래와 같습니다.123 Colored by Color Scriptercs textarea 태그의 속성값 중 cols, rows 는 css 의 width 와 height 값으로 customize가 가능하기 떄문에 따로 태그에 넣을 필요는 없습니다. 자 그럼 textarea 태그의 속성들이 무엇이 있는지 알아봐야 겠네요. 기존의 사용하던 속성부터 html5에서 새롭게 추가되어진 속성들을 알아보겠습니다. * 기본 속성 속성 값 설명 cols 숫자 너비 rows 숫자 높이 disabled disabled 텍스트 영역을 비활성화 name text 텍스트 영역 이름 정의 readonly readonly 텍스트 영역 읽기만 가능 * HTML5에 새롭게 추가 속성 값 설명 autofocus..