textarea bir yeniden boyutlandırılabilir özelliğini devre dışı bırakmak istiyorum.

Şu anda, textarea sağ alt köşesine tıklayarak ve fareyi sürükleyerek textarea resize edebilirim. Bunu nasıl devre dışı bırakabilirim?

Aşağıdaki CSS kuralı textarea öğeler için yeniden boyutlandırma davranışı devre dışı bırakır:

textarea {
    resize: none;
}

Bazı (ama hepsi değil) textarealer için devre dışı bırakmak için couple of options vardır.

foo (yani, <textarea name="foo"></textarea>)) textarea name niteliğiyle belirli bir devre dışı bırakmak için:

textarea[name=foo] {
    resize: none;
}

Ya da, id bir öznitelik (örneğin, <textarea id="foo"></textarea>) kullanarak:

#foo {
    resize: none;
}

W3C page yeniden boyutlandırma kısıtlamalar için olası değerleri listeler: yok, her ikisi de, yatay, dikey ve miras:

textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

Şu anda tarayıcılar bu özelliği desteklemez ne görmek compatibility page iyi bir inceleme. Jon Hulka yorumladı, boyutları max-genişlik, max-height, min-genişlik, min-height CSS kullanarak further restrained olabilir.

Bilmek çok önemli:

Bu özellik en öğeler için varsayılan taşma özelliği görünür başka bir şey yok. Bunu kullanmak için bu yüzden genellikle taşma gibi bir şey ayarlamak gerekecek: kaydırma;

Chris Coyier tarafından alıntı, http://css-tricks.com/almanac/properties/r/resize/