div {
overflow: auto;
height: 100px;
width: 100px;
border: 1px solid #87cefa;
margin: 10px;
float: left;
}
.ex1 {
resize: none;
}
.ex2 {
resize: both;
}
.ex3 {
resize: vertical;
}
.ex4 {
resize: horizontal;
}
<!DOCTYPE html>
<html lang="ko">
<head></head>
<body>
<div class="ex1">resize: none;</div>
<div class="ex2">resize: both;</div>
<div class="ex3">resize: vertical;</div>
<div class="ex4">resize: horizontal;</div>
</body>
</html>