Contoh
Menentukan bahwa <div> elemen harus resizable oleh pengguna:
div {
resize: both;
overflow: auto;
}
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti resize menentukan apakah atau tidak suatu unsur adalah resizable oleh pengguna.
Note: Properti resize berlaku untuk unsur-unsur yang nilainya meluap dihitung adalah sesuatu yang lain dari "visible" .
| nilai default: | none |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.resize="both" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh moz menentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| resize | 4.0 | Tidak didukung | 5.0 4.0 moz | 4.0 | 15.0 |
CSS Syntax
resize: none|both|horizontal|vertical|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| none | nilai default. Pengguna tidak dapat mengubah ukuran elemen | Mainkan " |
| both | Pengguna dapat menyesuaikan baik tinggi dan lebar dari elemen | Mainkan " |
| horizontal | Pengguna dapat menyesuaikan lebar dari elemen | Mainkan " |
| vertical | Pengguna dapat menyesuaikan tinggi dari elemen | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Contoh lebih
Contoh
Membiarkan pengguna mengubah ukuran hanya tinggi dari <div> elemen:
div
{
resize: vertical;
overflow:
auto;
}
Cobalah sendiri " Contoh
Membiarkan pengguna mengubah ukuran hanya lebar <div> elemen:
div
{
resize: horizontal;
overflow:
auto;
}
Cobalah sendiri " Contoh
Secara default, <textarea> elemen yang resizable. Gunakan properti resize untuk mencegah dihapus saja diubah ukurannya (disable the "grabber" in the textarea) :
textarea {
resize: none;
}
Cobalah sendiri " Pages terkait
CSS3 tutorial: CSS3 User Interface
Referensi HTML DOM: resize property