CSS scale অপারিটা

  • পূর্ববর্তী পৃষ্ঠা row-gap
  • পরবর্তী পৃষ্ঠা @scope

সংজ্ঞা ও ব্যবহার

scale বৈশিষ্ট্যটি ইলেকট্রনের মাপ পরিবর্তন করতে আপনাকে অনুমতি দেয়

scale বৈশিষ্ট্যটি ইলেকট্রনের x এবং y-অক্ষের মধ্যে সমষ্টি প্রপর্শন মান নির্দেশ করে। আপনি ইলেকট্রনের z-অক্ষের সমষ্টি প্রপর্শনও নির্দেশ করতে পারেন

সমষ্টি মানটি একটি, দুটি বা তিনটি মান হতে পারে

  • একটি মান দেওয়া হলে, ইলেকট্রন x এবং y-অক্ষের মধ্যে একই প্রপর্শনে সমষ্টি করা হয়
  • দুটি মান দেওয়া হলে, ইলেকট্রন x এবং y-অক্ষের মধ্যে নির্দিষ্ট প্রপর্শনে সমষ্টি করা হয়
  • তিনটি মান দেওয়া হলে, ইলেকট্রন x, y এবং z-অক্ষের মধ্যে নির্দিষ্ট প্রপর্শনে সমষ্টি করা হয়

উপলব্ধি করার জন্য scale বৈশিষ্ট্য, দেখুনপ্রদর্শন

প্রত্যহর্ষ:ইলেকট্রনকে সমষ্টি করার আরেকটি প্রযুক্তি হলো সহযোগিতামূলক CSS scale() ফাংশন এই ওয়েবসাইটের CSS transform বৈশিষ্ট্যটি সম্পর্কে scale বৈশিষ্ট্যটি একটি সহজ এবং সরাসরি ইলেকট্রনকে সমষ্টি করার একটি পদ্ধতি।

ইনস্ট্যান্স

উদাহরণ 1

ইলেকট্রনের মাপ পরিবর্তন করুন:

div {
  scale: 2;
}

আপনার নিজেই চেষ্টা করুন

উদাহরণ 2

যখন scale দুটি মান নিয়ে বৈশিষ্ট্য সংজ্ঞায়িত হলে, x-অক্ষ এবং y-অক্ষের মধ্যে মাপ নির্দেশ করা হয়। এখানে, ইলেকট্রনটি x-অক্ষের মাপ দ্বিগুণ এবং y-অক্ষের মাপ অর্ধেক করে হয়:

div {
  scale: 2 50%;
}

আপনার নিজেই চেষ্টা করুন

CSS সংজ্ঞান

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

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

মান বর্ণনা
x-axis

x-axis-এর উপর সমষ্টি প্রপর্শন নির্দেশ করুন। সম্ভাব্য মান:

  • সংখ্যা
  • শতকরা
y-axis

y-axis-এর উপর সমষ্টি প্রপর্শন নির্দেশ করুন। সম্ভাব্য মান:

  • সংখ্যা
  • শতকরা
z-axis

z-axis-এর উপর সমষ্টি প্রপর্শন নির্দেশ করুন। সম্ভাব্য মান:

  • সংখ্যা
  • শতকরা
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিয়ে যান। দেখুন initial
inherit এই বৈশিষ্ট্যটি পিতৃ ইলেকট্রনের থেকে উত্তরসূরী করা হয়। দেখুন inherit

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

ডিফল্ট মান: none
উত্তরসূরীতা: না
অ্যানিমেশন নির্মাণ: সমর্থন করা হয়: দেখুন:অ্যানিমেশন-সংশ্লিষ্ট বৈশিষ্ট্য
সংস্করণ: CSS3
JavaScript সংজ্ঞান: object.style.scale="2 0.7"

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

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

চ্রোম এজ ফায়ারফক্স সাফারি ওপেরা
104 104 72 14.1 90

সংশ্লিষ্ট পৃষ্ঠা

শিক্ষা:CSS 2D ট্রান্সফর্ম

শিক্ষা:CSS 3D পরিবর্তন

সন্দর্ভ:CSS rotate অপারিটা

সন্দর্ভ:CSS translate অতিভূতি

  • পূর্ববর্তী পৃষ্ঠা row-gap
  • পরবর্তী পৃষ্ঠা @scope