CSS'de e-resize Nedir?

CSS'de e-resize Nedir?
CSS (Cascading Style Sheets), bir web sayfasının tasarımını düzenlemeye yarayan bir kodlama dilidir. e-resize, nesnelerin sağ kenarını kullanarak boyutunu değiştirmek için kullanılan bir CSS özelliklerinden biridir. Bu özellik, kullanıcının fare imlecini nesnenin sağ kenarına getirdiğinde görüntülenir. e harfi sol üst köşeden sağ alt köşeye doğru çizilmiş bir ok sembolünü temsil eder.
Özellik Değerleri:
- e-resize: Anlık boyutlandırma işlemi yapar.
Örnek kullanımı:
```
div{
resize: horizontal;
overflow: auto;
border: 1px solid;
padding: 10px;
width: 400px;
height: 200px;
}
```
Bu örnekte bir `div` öğesi seçtik ve `resize:horizontal` değerini ekledik. Bu değer, öğenin yalnızca yatay yönde yeniden boyutlandırılabileceğini belirten bir değerdir.
`overflow:auto` değeri, içeriği genişlettiğinde nesnenin taşması halinde kaydırma çubuklarının gösterilmesini sağlar. `border:1px solid` ve `padding:10px`, nesneyi çerçeve ve dolgu ile düzenlememize yardımcı olan diğer iki özelliktir. `width:400px` ve `height:200px` değerlerleri, nesnenin ilk boyutlarını belirler.
Sonuçta, e-resize özelliği farenin sağ kenarını kullanarak nesnenin genişliğini yeniden boyutlandırmamıza olanak tanır. Bu özellik, kullanıcılara web sayfaları üzerinde daha fazla kontrol sağlayarak, daha özelleştirilmiş bir deneyim elde etmelerine olanak tanır.