প্রকাশিত: 14 মে, 2024
সমস্ত প্রধান ইঞ্জিন এখন CSS স্টেপড মান গণিত ফাংশন সমর্থন করে— round() , mod() , এবং rem() ।
ধাপে দেওয়া মান ফাংশনগুলি সমস্ত একটি প্রদত্ত মানকে অন্য ধাপের মান অনুসারে রূপান্তর করে।
round()
ফাংশন
round()
ফাংশন বৃত্তাকার হতে একটি মান, একটি রাউন্ডিং ব্যবধান এবং একটি ঐচ্ছিক রাউন্ডিং কৌশল নেয়। রাউন্ডিং কৌশল অনুসারে রাউন্ডিং ব্যবধানের নিকটতম পূর্ণসংখ্যা গুণে মানটিকে বৃত্তাকার করা হয়।
হয় বৃত্তাকার করা মান, অথবা বৃত্তাকার ব্যবধান, একটি CSS কাস্টম বৈশিষ্ট্য হওয়া উচিত। যদিও এটি উভয় মানকেই হার্ডকোড করার জন্য বৈধ, তবে আপনি যদি নিজেই মানটি গণনা করতে পারেন তবে একটি সংখ্যাকে রাউন্ডিং করার সামান্য বিন্দু নেই।
নিম্নলিখিত CSS --my-font-size
এর মানকে 1rem
এর ব্যবধানে রাউন্ড করে।
font-size: round(var(--my-font-size), 1rem);
ডিফল্ট রাউন্ডিং কৌশলটি nearest
। রাউন্ডিং কৌশল সহ পূর্ববর্তী উদাহরণটি নিম্নরূপ:
font-size: round(nearest,var(--my-font-size), 1rem);
রাউন্ডিং কৌশলের সম্ভাব্য মানগুলি হল:
-
up
: JavaScriptMath.ceil()
পদ্ধতির সমতুল্য। রাউন্ডিং ব্যবধানের নিকটতম সমগ্র গুণিতক পর্যন্ত মানটিকে পূর্ণাঙ্গ করে। -
down
: JavaScriptMath.floor()
পদ্ধতির সমতুল্য। রাউন্ডিং ব্যবধানের নিকটতম সমগ্র গুণিতক পর্যন্ত মানটিকে বৃত্তাকার করে। -
nearest
(ডিফল্ট): JavaScriptMath.round()
এর সমতুল্য। রাউন্ডিং ব্যবধানের নিকটতম সমগ্র গুণিতক পর্যন্ত মানটিকে উপরে বা নিচে বৃত্তাকার করে। -
to-zero
: JavaScriptMath.trunc()
পদ্ধতির সমতুল্য। শূন্যের কাছাকাছি রাউন্ডিং ব্যবধানের নিকটতম পূর্ণসংখ্যা গুণের মানটিকে বৃত্তাকার করে।
ড্যান উইলসনের দ্য নিউ সিএসএস ম্যাথ: round()
- round()
সম্পর্কে আরও জানুন।
rem()
এবং mod()
ফাংশন
rem()
এবং mod()
CSS ফাংশন জাভাস্ক্রিপ্ট অবশিষ্ট অপারেটর (%) এর অনুরূপভাবে কাজ করে। তারা দুটি মান নেয়, প্রথমটি (লভ্যাংশ) দ্বিতীয়টি (ভাজক) দ্বারা ভাগ করা হয় এবং অবশিষ্টটি ফেরত দেওয়া হয়।
margin: rem(18px, 5px); /* returns 3px */
দুটি ফাংশনের মধ্যে পার্থক্য হল যে rem()
সর্বদা লভ্যাংশের চিহ্ন নেয়, তাই যদি প্রথম মানটি ধনাত্মক হয় তবে প্রত্যাবর্তিত মানটি ধনাত্মক হবে। mod()
ফাংশন ভাজকের চিহ্ন নেয়।
rem()
এবং mod()
সম্পর্কে আরও জানুন The New CSS Math: rem()
এবং mod()
, ড্যান উইলসনের।