Atribut resize adalah properti di UI CSS3 yang memungkinkan pengguna mengubah ukuran elemen. Atribut resize adalah properti di UI CSS3 yang memungkinkan pengguna mengubah ukuran elemen.
ubah ukuran: tidak ada|keduanya|horizontal|vertikal;
Sintaksnya dijelaskan sebagai berikut:
● tidak ada: Pengguna tidak dapat menyesuaikan ukuran elemen;
●keduanya: Pengguna dapat menyesuaikan tinggi dan lebar elemen;
●horizontal: Pengguna dapat mengatur lebar elemen;
●vertikal: Pengguna dapat mengatur ketinggian elemen.
Anda juga perlu memperhatikan poin-poin berikut saat menggunakan atribut resize:
●Mengatur atribut resize saja tidak valid. Atribut resize harus digunakan bersama dengan atribut overflow agar efektif, dan nilai atribut overflow perlu diatur ke auto,hidden atau scroll;
●Tidak semua elemen dapat diatur dengan atribut resize. Misalnya, atribut img dan tabel tidak dapat menggunakan atribut resize.
(mengubah ukuran) menyesuaikan ukuran elemen
1. Ubah ukuran: tidak ada ubah ukuran: tidak ada
Contoh:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:none;}</style></head><body><h1>TheresizeProperty</h1 ><div><p>ubah ukuran: tidak ada</p></div></body></html>
Hasil berjalan:
2.Ubah ukuran: keduanya
Contoh:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:both;overflow:auto;</style></head><body><h1> TheresizeProperty</h1><div><p>mengubah ukuran:keduanya</p></div></body></html>
Hasil berjalan:
3.Ubah ukuran: ubah ukuran horizontal: horizontal
Contoh:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:horizontal;overflow:auto;}</style></head><body><h1> TheresizeProperty</h1><div><p>mengubah ukuran:horizontal</p></div></body></html>
Hasil berjalan:
4.Ubah ukuran: ubah ukuran vertikal: vertikal
Contoh:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:vertical;overflow:auto;</style></head><body><h1> TheresizeProperty</h1><div><p>mengubah ukuran:vertikal</p></div></body></html>
Hasil berjalan: