خصائص zoom في CSS

التعريف والاستخدام

zoom تحدد الخاصية نسبة التكبير للعنصر. يمكن تكبير أو تصغير العنصر.

مثال

مثال 1

استخدامها مع النص zoom الخاصية:

p.a {
  zoom: normal;
}
p.b {
  zoom: 150%;
}
p.c {
  zoom: 0.6;
}

جرب بنفسك

مثال 2

استخدام zoom تغيير حجم العنصر:

div {
  border-radius: 100%;
  background: #73AD21;
  padding: 20px;
  width: 80px;
  height: 80px;
}
div.a {
  zoom: normal;
}
div.b {
  zoom: 150%;
}
div.c {
  zoom: 0.6;
}

جرب بنفسك

الجملة CSS

zoom: normal|%|number|unset|initial|inherit;

قيمة الخاصية

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الخاصية بكاملها أولاً.