CSS'de n-resize Nedir?

CSS'deki \"n-resize\" özelliği, bir nesnenin kuzey yönünde boyutunu arttırarak yeniden boyutlandırılmasını sağlar. Bu özellik, işlevselliği itibariyle \"s-resize\", \"e-resize\" ve \"w-resize\" gibi diğer boyutlandırma özellikleriyle benzerdir.
Örnek kodlar:
```
.example {
resize: n-resize; /* İlgili elemanın yeniden boyutlandırılması için kuzey yönünde boyutlandırılma sağlar */
overflow: auto; /* Eleman yeniden boyutlandırılabilirliği için sürükleme özelliğini açar */
}
```
Yukarıdaki örnekte \"example\" sınıfına sahip bir nesneyi seçiyoruz. \"resize\" özelliği \"n-resize\" değerine ayarlanarak, nesnenin kuzey yönünde yeniden boyutlandırılabilmesini sağlayacak şekilde ayarlanmıştır. \"overflow\" özelliği \"auto\" değeriyle ayarlanarak, nesnenin yeniden boyutlandırılabilmesi için sürüklenmesi için gerekli özelliği açar.
Bunun ötesinde, \"n-resize\" özelliği daha yaygın olarak form elemanları için kullanılmaktadır, örneğin bir textarea bileşeni. Aşağıdaki örnek, bir textarea bileşeninin n-resize ile boyutlandırılmasını sağlar:
```
textarea {
resize: n-resize; /* Textarea'nın yeniden boyutlandırılması için n-resize kullanılır */
}
```
Özetle, \"n-resize\" özelliği bir nesnenin kuzey yönünde yeniden boyutlandırılmasını sağlar. Bu özellik, sürüklenen bileşenler veya form elemanları gibi yerleşik öğelerle birlikte kullanılabilir.