textarea‘nin yeniden boyutlandırılabilir özelliğini devre dışı bırakmak istiyorum.
Şu anda, sağ alt köşesine tıklayıp fareyi sürükleyerek yeniden boyutlandırabiliyorum. Bunu nasıl devre dışı bırakabilirim?
Aşağıdaki CSS kuralı textarea öğeleri için yeniden boyutlandırma davranışını devre dışı bırakır:
textarea {
resize: none;
}
Tüm textarea kutularını değil de bazılarını devre dışı bırakmak için de birkaç seçeneğimiz var.
class etiketleri kullanabilirsiniz: <textarea class="textarea1">
.textarea1 {
resize: none;
}
İsim etiketleri kullanabilirsiniz :<textarea name="foo"></textarea>
textarea[name=foo] {
resize: none;
}
Veya bir öznitelik kullanarak (örneğin):id<textarea id="foo"></textarea>
#foo {
resize: none;
}
W3C sayfası kısıtlamaları yeniden boyutlandırmak için olası değerleri listeler: hiçbiri, yatay, dikey, ikisi de, ve devral:
textarea {
resize: vertical;
}
Hangi tarayıcıların şu anda bu özelliği desteklediğini görmek için iyi bir uyumluluk sayfasını gözden geçirin. Bu boyutlar CSS’de maksimum genişlik, maksimum yükseklik, min-width ve min-height kullanılarak daha fazla kısıtlanabilir.