CSS'de sw-resize Nedir?

sw-resize, CSS'de bir görünüm niteliği veya özellik değil, bir boyutlandırma işlevi olarak bilinir. Bu boyutlandırma işlevi, genellikle fare imlecinin sol alt köşesinde bulunan küçük şekiller üzerine tıklanan Web sayfalarında kullanılır. Bu özellik sayesinde, belirtilen öğe veya bölgenin boyutu, fare ile sürükleme işlemi kullanılarak değiştirilebilir.
Bu boyutlandırma işlevi, uygulandığı öğelerde ne kadar kullanışlı olacağına dair karar verilmelidir. Örneğin, bazı tasarımlarda kullanışlı olabilirken, diğerlerinde tamamen gereksiz olabilir.
Örnek Kodlar:
```css
.element {
resize: sw-resize;
}
```
Yukarıdaki kod, belirtilen “.element” sınıfına boyutlandırma işlevi “sw-resize” özelliği ekler. Bu sayede, kullanıcılar o elemanı sol alt köşesinde bulunan küçük bir şekle tıklayarak boyutlandırabilirler.
Aşağıdaki örnek kod ise, boyutlandırma işlevinin birkaç farklı özellik ile birlikte kullanılmasına örnek verir.
```css
.element {
resize: both;
overflow: auto;
border: 1px solid black;
max-height: 300px;
max-width: 400px;
}
```
Yukarıdaki kod, örneğin “.element” sınıfı için birden fazla özellik tanımlar. Öğe, hem yatay hem de dikey boyutlandırma sürükleme işlevlerine sahip olurken, içeriği fazla sahip olduğunda ara kaydırma çubukları oluşacak şekilde aşırı taşma özelliğine sahip olacaktır. Ayrıca belirlenen maksimum yükseklik ve genişlikleri aşmayacak şekilde boyutlandırılacaktır. Son olarak, öğe için 1 piksel kalınlığında bir çerçeve belirlenir.