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|%|number|unset|initial|inherit;

বৈশিষ্ট্য মান

মান বর্ণনা
normal ডিফল্ট মান। এলিমেন্ট সাধারণ পদ্ধতিতে প্রদর্শিত হয়。
%

সমস্ত পদার্থকে শতকরা দ্বারা নির্দিষ্ট করুন

100% = সাধারণ

বৃদ্ধি করতে, 100%-র বেশি মান ব্যবহার করুন。

ক্ষুদ্র করতে, 100%-র কম মান ব্যবহার করুন。

number

সমস্ত পদার্থকে সময়কালের পরিমাণ নির্দিষ্ট করুন (শতকরা)।

1.0 = সাধারণ

বৃদ্ধি করতে, 1.0-র বেশি মান ব্যবহার করুন。

ক্ষুদ্র করতে, 1.0-র কম মান ব্যবহার করুন。

unset সমস্ত পদার্থকে বৃদ্ধি করা হয় (সাধারণ রূপে ফিরে যাওয়া)।
initial এই বৈশিষ্ট্যকে তার ডিফল্ট মানে নিন। দেখুন: initial
inherit এই বৈশিষ্ট্যকে তার পিতৃত্ব বৈশিষ্ট্য থেকে উত্তরসূরী করুন। দেখুন: inherit

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: normal
উত্তরসূরীতা: না
অ্যানিমেশন নির্মাণ: সমর্থন করা হয়:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য
সংস্করণ: CSS Viewport Module Level 1
JavaScript স্বরূপ object.style.zoom = "3"

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই বৈশিষ্ট্যকে সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণকে দেখায়。

Chrome এজ ফায়ারফক্স স্যাফারি অপেরা
1 12 126 3.1 15.0