CSS3 resize özelliği nasıl kullanılır?

0

Merhabalar, öncelikle herkesin kurban bayramını şimdiden kutlarım.

Bir web projesi geliştirmekteyim. Projemde formlar bulunmakta formun içinde textboxlar, butonlar ve textarealar bulunmaktadır.

Sorun ise textarea' mouse ile genişlik ve yüksekliği değiştirebilmekteyim. Textarea'nın genişliğini ve yüksekliğini nasıl sabitleyebilirim?

fenerbahce fenerbahce (107)
5 yıl önce sordu

Toplam 1 Cevap


0

Bayram dilekleriniz için teşekkürler.

CSS3 resize özelliği kullanıcıya elementin boyutlarını ayarlama imkanı vermemizi sağlamaktadır. Kullanıcı bu elemanın boyutunu istediği gibi değiştirme imkanına sahip olmaktadır. Bu özellik sadece textarea için değil tüm elemanları için geçerlidir.

Sorunuzda bahsettiğiniz için textarea içinde kullabiliriz. Bunu örnek ile açıklamak gerekirse;

textarea {
   width:200px;
   height:150px;
   resize:none;
   border: 1px solid #cccccc;
   padding:10px;
}

 

resize özelliğinin alabildiği değerleri şunlardır;

  • horizontal: Yatayda boyutlandırmaya izin vermektedir.
  • vertical: Dikeyde boyutlandırmaya izin vermektedir.
  • both: Her iki yöne boyutlandırmaya izin vermektedir.
  • none: Boyutlandırma seçeneğini kaldırmaktadır.
  • inherit: Kalıtsal olarak bu değeri üst elementten almaktadır.

 

ergin ergin (2515)
5 yıl önce cevaplandı

üyelik gerektirir

Cevap yazabilmek için üye girişi yapmalısınız.

Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol