Как я могу изменить размер div от всех краев div вместо правого нижнего края div, в сценарии Java

Question

В настоящее время я использую его вот так и могу изменить размер с правого нижнего края

  <div style="padding-right:25px; height: 100%; width:100%" (dragover)="allowDrop($event)" (drop)="onDrop($event)">
    <div *ngFor="let widget of widgets" [id]="widget.id" class="test">
    </div>
  </div>

вот CSS для изменения размера

enter code here .test {
    position: absolute;
    z-index: 9;
    background-color: lightblue;
    text-align: center;
    border: 1px solid #d3d3d3;
    border: 2px solid;
    padding: 20px;
    width: 300px;
    resize: both;
    display: block;
    overflow: auto;
}