CSS'de ne-resize Nedir?

ne-resize, bir HTML elemanının boyutunu değiştirmek isteyen kullanıcıların boyutlandırma kontrolünün görünür veya gizli olmasını belirleyen bir CSS özelliğidir.
Bu özellik, özellikle metin kutuları veya textarea gibi form elemanlarında kullanışlıdır. Kullanıcılar, kutunun boyutunu manuel olarak değiştirmek isterlerse, resimlerdeki gibi bir denetim görüntülenir.
Nasıl Kullanılır:
.ne-resize {
resize: none; /* veya vertical, horizontal veya both */
}
Yukarıdaki kod bloğunda, resize özelliği none, vertical, horizontal veya both olabilir. None, boyutlandırma kontrolünü gizler, diğer üç değer ise hangi yönde boyutlandırma yapılacağını belirler.
Örnek Kodlar:
.ne-resize {
resize: both; /* her iki yönde de boyutlandırma kontrolü görünür */
width: 300px;
height: 150px;
overflow: auto;
}
textarea {
resize: vertical; /* sadece yükseklik kontrolü görünür */
width: 100%;
height: 50px;
}
div {
resize: horizontal; /* sadece genişlik kontrolü görünür */
width: 50%;
height: 100px;
overflow: auto;
}
Yukarıdaki örnek kodlar, boyutlandırma kontrolünü gerektiren farklı HTML elemanlarını içeren farklı senaryolarda ne-resize özelliği nasıl kullanılır göstermektedir.
Sonuç olarak, ne-resize, HTML form elemanlarının boyutlarının değiştirilmesine olanak tanırken, boyutlandırma kontrolünün görünür veya gizli olmasını sağlayarak kullanıcılara daha iyi bir kullanıcı deneyimi sunmaktadır.