CSS zoom کا کیئمتی

تعریف اور استعمال

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|پر سینٹاگر|نمبر|unset|initial|inherit;

اپریشن کا مقدار

مقدار وصف
normal مقصدی.
پر سینٹاگر

سائز کو پر سینٹاگر کی شکل میں معین کریئے.

100% = طبیعی.

بڑا بنانے کے لئے 100% سے زیادہ کا شمارا ت استعمال کریئے.

چھوٹا بنانے کے لئے 100% سے کم کا شمارا ت استعمال کریئے.

نمبر

سائز کو نمبر کی شکل میں معین کریئے(پر سینٹاگر).

1.0 = طبیعی.

بڑا بنانے کے لئے 1.0 سے زیادہ کا شمارا ت استعمال کریئے.

چھوٹا بنانے کے لئے 1.0 سے کم کا شمارا ت استعمال کریئے.

unset اس اپریشن کو سائز کو میٹرک میں کوئی چوکیدار نہیں رکھئے(طبیعی طریقے سے واپس آئیے).
initial اس اپریشن کو مقصدی کا مقصد رکھئے. دیکھئے: initial
inherit اس اپریشن کو ان کی والد عنصر سے نکاسی کرلیا جاتا ہے. دیکھئے: inherit

تکنیکی تفصیلات

مقصد: normal
نکاسی: نہیں
آنیماشن کی تیاری: پشتیبندگی ہے. دیکھئے:آنیماشن سے متعلق اپریشن
ورژن: CSS ویوپورٹ ماڈول لیول 1
جاوا اسکریپت زبان: object.style.zoom = "3"

براؤزر کی پشتیبندگی

تبصرہ میں شمارا ت نشان زاری اپنے نمائش کی کسی بھی ویژگی کی پہلی پورا طور پر پشتیبند بروزر کی نسلی کا نشان زاری ہیں。

Chrome ایج فائرفاکس سافری اوپرا
1 12 126 3.1 15.0