এই ব্লগটি আলোচনা করবে:

• আউটলাইন ব্যাসার্ধ কি?
• কিভাবে HTML এলিমেন্টে আউটলাইন রেডিয়াস ইফেক্ট প্রয়োগ করবেন?

আউটলাইন ব্যাসার্ধ কি?

দ্য ' রূপরেখা উপাদানের রূপরেখাকে আকৃতি দিতে সম্পত্তি ব্যবহার করা হয়, কিন্তু এটি সরাসরি প্রয়োগ করা যায় না। অতএব, একটি রূপরেখায় ব্যাসার্ধ প্রভাব প্রয়োগ করার বিকল্প পদ্ধতি হল একটি ' সীমানা-ব্যাসার্ধ 'সিএসএস সম্পত্তি। এটি রূপরেখার জন্য বৃত্তাকার কোণগুলি নির্দিষ্ট করে।

কিভাবে HTML এলিমেন্টে আউটলাইন রেডিয়াস ইফেক্ট প্রয়োগ করবেন?

রূপরেখা ব্যাসার্ধ সম্পত্তি ব্যবহার করতে, প্রদত্ত নির্দেশাবলী মাধ্যমে যান.

ধাপ 1: শিরোনাম এম্বেড করুন

প্রাথমিকভাবে, “থেকে কোন হেডিং ট্যাগ ব্যবহার করে শিরোনামগুলি এম্বেড করুন

' প্রতি '

” উদাহরণস্বরূপ, আমরা ব্যবহার করেছি '

' এবং '

একটি HTML নথিতে দুটি ভিন্ন শিরোনাম এম্বেড করার জন্য ট্যাগ।

ধাপ 2: প্রথম ডিভ কন্টেইনার যোগ করুন

এর পরে, ব্যবহার করে একটি ধারক যোগ করুন '

ট্যাগ এছাড়াও, সন্নিবেশ করান ' ক্লাস ” বৈশিষ্ট্য এবং আপনার পছন্দ অনুযায়ী ক্লাসের নাম উল্লেখ করুন।

---

---

ধাপ 3: দ্বিতীয় ডিভ কন্টেইনার তৈরি করুন

আরেকটি তৈরি করুন ' div একই পদ্ধতি অনুসরণ করে ধারক:

< h1 শৈলী = 'রঙ:rgb(48, 10, 218)' > লিনাক্সহিন্ট লিমিটেড ইউকে < / h1 >

< h2 >

একটি আউটলাইন সার্কুলারের কোণ তৈরি করতে সীমানা-ব্যাসার্ধের জন্য বিভিন্ন উদাহরণ।

< / h2 >

< div ক্লাস = 'বক্স 1-ডিভ' >

Linuxhint তার ব্যবহারকারীদের জন্য সেরা এবং সবচেয়ে অনন্য সামগ্রী প্রদান করে।

< / div >

< div ক্লাস = 'বক্স 2-ডিভ' >

এটি একাধিক বিভাগে কাজ করে।

< / div >

উপরের কোডের আউটপুট নীচে দেখানো হয়েছে:

ধাপ 4: প্রথম ধারকটির রূপরেখা সেট করুন

' ব্যবহার করে প্রথম পাত্রে প্রবেশ করুন .box1-div 'ক্লাস যেখানে ' . ” ক্লাস অ্যাক্সেস করার জন্য একটি নির্বাচক:

.box1-div {

রূপরেখা : কঠিন ;

প্রস্থ : 300px ;

প্যাডিং : 15px ;

মার্জিন : 25px ;

}

তারপর, নীচের তালিকাভুক্ত CSS বৈশিষ্ট্যগুলি প্রয়োগ করুন:

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

ধাপ 5: দ্বিতীয় ধারকটির রূপরেখা সেট করুন

এখন, নিজ নিজ ক্লাসের সাহায্যে দ্বিতীয় উপাদানটি অ্যাক্সেস করুন “ .box2-div ”:

.box2-div {

রূপরেখা : কঠিন ;

সীমানা-ব্যাসার্ধ : 20px ;

প্রস্থ : 300px ;

প্যাডিং : 15px ;

মার্জিন : 25px ;

}

CSS বৈশিষ্ট্য প্রয়োগ করুন ' সীমানা-ব্যাসার্ধ ” উপাদানের ব্যাসার্ধ সংজ্ঞায়িত করার জন্য। এই বৈশিষ্ট্যটি আপনাকে উপাদানটির চারপাশে বৃত্তাকার কোণগুলি যুক্ত করতে দেয়:

এটা লক্ষ্য করা যায় যে আমরা সফলভাবে HTML এলিমেন্টে রূপরেখা ব্যাসার্ধ প্রভাব যুক্ত করেছি।

উপসংহার

দ্য ' রূপরেখা-ব্যাসার্ধ ' আর উপলব্ধ নেই. ব্যবহারকারীরা CSS 'আউটলাইন' এবং 'বর্ডার-ব্যাসার্ধ' বৈশিষ্ট্যগুলির সাহায্যে আউটলাইন ব্যাসার্ধ বৈশিষ্ট্যগুলি প্রয়োগ করতে পারেন। দ্য ' রূপরেখা ' উপাদানটির চারপাশে একটি রূপরেখা যোগ করে এবং ' সীমানা-ব্যাসার্ধ ” বিশেষভাবে আউটলাইন স্টাইল করার জন্য ব্যবহৃত হয়। এই পোস্টটি HTML এ উপাদানটির চারপাশে রূপরেখা ব্যাসার্ধ প্রভাব যুক্ত করার নির্দেশাবলী প্রদর্শন করেছে।