[CSS3] CSS3 사용자 인터페이스

Front-End/HTML5 + CSS

[CSS3] CSS3 사용자 인터페이스

리딩리드 2016. 12. 11. 13:06

CSS3 사용자 인터페이스

1. Resizing

- 사용자가 엘리먼트 크기를 변경 할 수 있다

1) 구현

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <style>  </style> </head> <div id="box"> 안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까 안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까안녕하십니까 </div>

- overflow 속성을 지정해야만 resizing 속성이 동작한다

(overflow: element 요소의 내용이 가득 차있을 때 어떻게 보여줄지 지정하는 속성)

- 빨간 부분을 드레그엔 드롭하면 크기 조정 가능