소개
CSS3의 resize 속성은 [영영 크기조절 기능]을 구현해 줍니다.
resize속성의 3개의 값(horizontal, vertical, both)을 가지고 수평 조절, 수직 조절, 수평/수직 조절 옵션을 사용할 수 있습니다.
소스
Resize.css
#myLayer
{
border:1px solid red; width:300px; height:200px;
resize:both; overflow:hidden;
}
Resize.htm
<!DOCTYPE html>
<html>
<head>
<title>resize 속성</title>
<link href="Resize.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="myLayer">
resize 속성은 [영역 크기 조절 기능]을 구현해 줍니다.
</div>
안녕하세요... 닷넷코리아입니다...
</body>
</html>
실행 결과
Internet Explorer 9
Google Chrome
Firefox
끝.