Sifat scale CSS

Reference: Previous Page
Next Page @scope

Definisi dan penggunaan

scale Atribut memungkinkan anda mengubah saiz elemen.

scale Atribut mendefinikan nilai skala skala x dan y elemen. Anda juga boleh mendefinikan skala skala z elemen.

Nilai skala boleh adalah satu nilai, dua nilai atau tiga nilai.

Jika diberikan satu nilai, skala elemen di sumbu x dan y adalah sama.
Jika diberikan dua nilai, elemen diukur di sumbu x dan y menurut skala yang dinyatakan.
Jika diberikan tiga nilai, elemen diukur di sumbu x, y dan z menurut skala yang dinyatakan.

Untuk memahami lebih baik scale LihatPertunjukan.

Perhatian:Teknik lain untuk mengukur elemen adalah menggunakan atribut yang dihantar Fungsi scale() CSS sifat transform CSS. Di laman ini dijelaskan CSS scale Atribut ini boleh dikatakan adalah cara yang lebih mudah dan lebih langsung untuk mengukur elemen.

Contoh

Contoh 1

Ubah saiz elemen:

div {
  scale: 2;
}

Cuba sendiri

Contoh 2

Ketika scale Ketika atribut diatur dengan dua nilai, saiz diatur di sumbu x dan y. Di sini, saiz elemen di sumbu x menjadi dua kali ganda, di sumbu y menjadi separuh:

div {
  scale: 2 50%;
}

Cuba sendiri

Syarat CSS

scale: x-axis y-axis z-axis|initial|inherit;

Nilai atribut

Nilai	Penerangan
x-axis	Mendefinikan skala skala x-axes. Nilai yang mungkin: Nombor Peratusan
y-axis	Mendefinikan skala skala y-axes. Nilai yang mungkin: Nombor Peratusan
z-axis	Mendefinikan skala skala z-axes. Nilai yang mungkin: Nombor Peratusan
initial	Tetapkan sifat ini ke nilai lalai. Lihat initial.
inherit	Mewarisi sifat ini dari elemen bapanya. Lihat inherit.

Detil teknikal

Nilai lalai:	none
Warisan:	Tidak
Pembuatan animasi:	Disebalik. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Syarat Bahasa JavaScript:	object.style.scale="2 0.7"