[ETC] JQ - resizable() 메서드 - 요소 크기 재조정 (= 사이즈 변경 가능 = resizable메서드 = 리사이저블메서드) ※ 리사이즈

 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<link rel="stylesheet" href="/resources/demos/style.css">

<style>

    #resizable { width: 150px; height: 150px; padding: 0.5em; }

    #resizable h3 { text-align: center; margin: 0; }

</style>

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>

    $( function() {

        $( "#resizable" ).resizable();

    } );

</script>

<div id="resizable" class="ui-widget-content">

    <h3 class="ui-widget-header">Resizable</h3>

</div>

 

https://jqueryui.com/resizable/#content

다양한 효과 옵션은 위 좌표에서 확인 !!