CSS zoom অতিবিধি
- পূর্ববর্তী পৃষ্ঠা z-index
- পরবর্তী পৃষ্ঠা 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;
বৈশিষ্ট্য মান
মান | বর্ণনা |
---|---|
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 |
- পূর্ববর্তী পৃষ্ঠা z-index
- পরবর্তী পৃষ্ঠা CSS রেফারেন্স ম্যানুয়েল