Properti scale CSS

Definisi dan penggunaan

scale Atribut ini memungkinkan Anda mengubah ukuran elemen.

scale Atribut mendefinisikan nilai proporsi skala di sumbu x dan y. Anda juga dapat mendefinisikan proporsi skala di sumbu z.

Nilai skala dapat berupa satu nilai, dua nilai, atau tiga nilai.

• Jika diberikan satu nilai, proporsi skala di sumbu x dan y sama.
• Jika diberikan dua nilai, elemen di skala di sumbu x dan y menurut proporsi yang ditentukan.
• Jika diberikan tiga nilai, elemen di skala di sumbu x, y, dan z menurut proporsi yang ditentukan.

Untuk memahami lebih baik scale Untuk melihat atribut, silakan lihatPertunjukan.

Perhatian:Teknik lain untuk mengukur elemen adalah menggunakan atribut yang berisi Fungsi scale() CSS transformasi CSS. scale Atribut ini dapat dikatakan sebagai cara yang lebih sederhana dan langsung untuk mengukur elemen. Ini dijelaskan di CSS transform atribut di halaman ini

Contoh

Contoh 1

Ubah ukuran elemen:

div {
  scale: 2;
}

Coba sendiri

Contoh 2

Ketika scale Ketika atribut diatur menjadi dua nilai, ukuran di sumbu x dan y disetel. Di sini, ukuran elemen di sumbu x menjadi dua kali lipat, di sumbu y menjadi setengah:

div {
  scale: 2 50%;
}

Coba sendiri

Syarat CSS

scale: sumbu x sumbu y sumbu z|initial|inherit;

Nilai atribut

Detil teknis

Dukungan peramban

Angka di tabel menunjukkan versi peramban pertama yang mendukung sifat ini penuh.

Laman yang berhubungan

Tutoriale:Transformasi 2D CSS

Tutoriale:Panduan:

Transformasi 3D CSSProperti rotate CSS

Transformasi 3D CSSProperti translate CSS