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

  • chrmoe

    chrmoe

    7 Kasım 2006
  • TomKNJ

    TomKNJ

    26 ŞUBAT 2007
  • TrenchTech Computer Repair Tutorials

    TrenchTech C

    19 EYLÜL 2014