[CSS] resize: 요소의 크기를 조절할 수 있는 방향 설정

resize

: 사용자가 요소의 크기를 조절할 수 있는 방향을 설정

• none
  : 조절 X
  
• both
  : 요소의 너비와 높이 모두 조절 허용
  
• horizontal
  : 요소의 너비 조절 허용 (높이는 조절 X)
  
• vertical
  : 요소의 높이 조절 허용
  
• initial
  : 요소에 적용된 기본 resize 속성 값으로 되돌아감
  
• inherit
  : 부모 요소의 속성 값을 상속

.resize-horizontal {
  resize: horizontal;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 10px;
}

 

 

---

 

resize - CSS: Cascading Style Sheets | MDN

 

W3Schools.com