Bagaimanakah Saya Boleh Lumpuhkan atau Kawal Saiz Semula Kawasan Teks dalam CSS?

Melumpuhkan Saiz Semula Kawasan Teks

Dalam bidang pembangunan web, selalunya wajar untuk mengawal tingkah laku saiz semula kawasan teks. Secara lalai, textareas boleh diubah saiznya dengan menyeret sudut kanan bawah, membenarkan pengguna melaraskan dimensinya. Walau bagaimanapun, terdapat situasi di mana ciri ini mungkin tidak diperlukan atau diingini.

Untuk melumpuhkan sifat saiz semula kawasan teks, seseorang boleh memanfaatkan kuasa CSS. Peraturan berikut berkesan menghalang kawasan teks daripada diubah saiz:

textarea {
  resize: none;
}

Peraturan ini digunakan untuk semua kawasan teks dalam dokumen. Walau bagaimanapun, jika anda hanya mahu melumpuhkan saiz semula untuk kawasan teks tertentu, anda boleh menggunakan pemilih kelas atau atribut.

Sebagai contoh, untuk melumpuhkan saiz semula untuk kawasan teks dengan kelas "textarea1":

.textarea1 {
  resize: none;
}

Sebagai alternatif, untuk melumpuhkan saiz semula untuk kawasan teks tertentu dengan nama "foo":

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

Atau, jika anda lebih suka menggunakan atribut ID:

#foo {
  resize: none;
}

Spesifikasi W3C menyediakan pilihan tambahan untuk menyekat tingkah laku saiz semula, termasuk "kedua-duanya", " mendatar", dan "menegak". Ini membolehkan anda menentukan dimensi (lebar atau tinggi) yang boleh dilaraskan.

textarea {
  resize: vertical; /* Resize vertically, fixed width */
}

Adalah penting untuk ambil perhatian bahawa sifat "ubah saiz" hanya berkuat kuasa jika sifat "limpahan" ditetapkan kepada nilai selain daripada "terlihat". Oleh itu, untuk mendayakan saiz semula, pastikan kawasan teks anda mempunyai sifat "limpahan" yang ditetapkan kepada "tatal" atau nilai lain yang sesuai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Lumpuhkan atau Kawal Saiz Semula Kawasan Teks dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!