SORU
8 Mart 2011, Salı


Nasıl button in yeniden boyutlandırılabilir özelliğini devre dışı bırakmak için?

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?

CEVAP
8 Mart 2011, Salı


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/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Blendtec

    Blendtec

    30 EKİM 2006
  • ravinderosahn

    ravinderosah

    20 Temmuz 2009
  • YouChewBu

    YouChewBu

    26 Ocak 2009