কিভাবে CSS ব্যবহার করে একটি চেকমার্ক/টিক আঁকবেন

'একটি' সহ ধারক উপাদান আইডি 'বা একটি' ক্লাস ”:

< div আইডি = 'চেক চিহ্ন' < / div >

উপরের HTML বিবৃতিতে, একটি ' div আইডির সাথে 'এলিমেন্ট যোগ করা হয়েছে' হিসাবে ঘোষিত চেক চিহ্ন ”

CSS বৈশিষ্ট্য ব্যবহার করে উপাদান স্টাইল করার সময়, একটি যোগ করুন ' আইডি ” নির্বাচক এইচটিএমএল উপাদান উল্লেখ করার জন্য এবং তারপর এর ভিতরে বৈশিষ্ট্য উল্লেখ করুন:

---

---

#চেক চিহ্ন
{
রূপান্তর: ঘোরানো ( 45 ডিগ্রী ) ;
উচ্চতা : 45px;
প্রস্থ : 20px;
মার্জিন-বাম: পঞ্চাশ %;
বর্ডার-নিচ: 9px কঠিন গাঢ় জলপাই সবুজ;
সীমানা-ডান: 9px কঠিন গাঢ় জলপাই সবুজ;
}

উপরের CSS শৈলী উপাদানটির নিম্নলিখিত বৈশিষ্ট্য রয়েছে:

• দ্য ' রূপান্তর: ঘোরান (45 ডিগ্রি) ” সরল উল্লম্ব এবং অনুভূমিক রেখাগুলিকে এমনভাবে ঘোরায় যা একটি টিক প্রতীকের আকার তৈরি করে।
• দ্য ' উচ্চতা ' সম্পত্তি টিক চিহ্নের উচ্চতা সেট করে ' 45px ”
• দ্য ' প্রস্থ 'সম্পত্তি প্রতীক তৈরি করে' 20px 'প্রশস্ত।
• দ্য ' মার্জিন-বাম ” সম্পত্তি টিক চিহ্নটিকে ওয়েব পেজ ইন্টারফেসের কেন্দ্রে সারিবদ্ধ করে।
• এর পরে, ' সীমানা-নীচ ' এবং ' সীমান্ত-ডান ' বৈশিষ্ট্য উভয় লাইনের সীমানা ওজন সেট করে ' 9px 'এবং সংজ্ঞায়িত করুন' গাঢ় জলপাই সবুজ ” উভয় লাইনের জন্য রঙ যা একটি সম্পূর্ণ টিক প্রতীক তৈরি করে।

এটি ওয়েব পৃষ্ঠা ইন্টারফেসের কেন্দ্রে প্রদর্শিত একটি সবুজ রঙের সাধারণ চেক মার্ক বা টিক চিহ্ন তৈরি করবে ' 45px 'উচ্চ এবং' 20px 'প্রশস্ত:

পদ্ধতি 2: ইউনিকোড অক্ষর ব্যবহার করে একটি চেকমার্ক/টিক ঢোকানো

এছাড়াও কিছু ইউনিকোড অক্ষর রয়েছে যেগুলি স্বয়ংক্রিয়ভাবে আউটপুটে টিক চিহ্ন চিহ্নগুলিকে স্টাইল এবং প্যারামিটারের মান নির্ধারণের প্রয়োজন ছাড়াই সন্নিবেশ করায়। উদাহরণস্বরূপ, ইউনিকোড অক্ষর ' U+2713 আউটপুটে একটি সাধারণ টিক চিহ্ন যোগ করতে সাহায্য করে। একইভাবে, ইউনিকোড অক্ষর ' U+2713 ” আউটপুটে সাদা ভারী টিক চিহ্ন সন্নিবেশ করতে সাহায্য করে। একটি সম্পূর্ণ গাইডের মাধ্যমে একটি HTML নথিতে এই ইউনিকোড অক্ষরগুলি কীভাবে যুক্ত করবেন তা শিখতে, ক্লিক করুন এখানে .

উপসংহার

একটি চেক মার্ক বা একটি টিক চিহ্ন প্রথমে একটি আইডি বা ক্লাস সহ একটি এইচটিএমএল উপাদান তৈরি করে এবং তারপর সেই উপাদানটিকে উল্লেখ করার জন্য সিএসএস শৈলী উপাদানটিতে আইডি বা শ্রেণী নির্বাচক যোগ করে আঁকা যেতে পারে। ওয়েব পেজ ইন্টারফেসে একটি চেক মার্ক/টিক আকৃতি তৈরি করতে, বিভিন্ন CSS বৈশিষ্ট্য যেমন “ উচ্চতা ', ' প্রস্থ ', ' আবর্তিত ' এবং ' রঙ ” চেকমার্কের ধরন এবং আকার অনুযায়ী ব্যবহার করা যেতে পারে। এই ব্লগটি CSS ব্যবহার করে চেকমার্ক/টিক আঁকার পদ্ধতি প্রদর্শন করে।