সিএসএস ব্যবহার করে কোণগুলি কীভাবে গোল করা যায়

Si Esa Esa Byabahara Kare Konaguli Kibhabe Gola Kara Yaya



স্টাইলিং HTML ওয়েবসাইট ডেভেলপমেন্টের একটি গুরুত্বপূর্ণ অংশ, এবং CSS HTML উপাদানগুলির জন্য বিভিন্ন শৈলী প্রদান করে; তাদের মধ্যে একটি হল যে কোনও উপাদানের চারপাশে একটি সীমানা তৈরি করা। বেশিরভাগ ক্ষেত্রে এটি সীমানা আকার ব্যবহার করে বিভাগগুলির মধ্যে পার্থক্য করতে ব্যবহৃত হয়, যেমন কঠিন, ড্যাশড, ডটেড এবং ডবল।

এই ম্যানুয়ালটির উদ্দেশ্য হল কীভাবে বৃত্তাকার কোণার সীমানা তৈরি করা যায় তা ব্যাখ্যা করা। এর জন্য প্রথমে আমাদের জানতে হবে “ সীমান্ত 'সম্পত্তি। সুতরাং, শুরু করা যাক!

CSS এ 'বর্ডার' প্রপার্টি কি?

একটি উপাদানের চারপাশে একটি সীমানা তৈরি করতে, আপনাকে ব্যবহার করতে হবে ' সীমান্ত 'সম্পত্তি। এই সম্পত্তি ব্যবহার করে, আপনি সেট করতে পারেন ' শৈলী ', ' রঙ ', এবং ' প্রস্থ সীমান্তের







বাক্য গঠন



সীমানা সম্পত্তির সিনট্যাক্স দেওয়া হয়েছে:



সীমান্ত : প্রস্থ শৈলী রঙ

এখানে উপরে প্রদত্ত মানগুলির বর্ণনা রয়েছে:





  • প্রস্থ: এটি সীমানার প্রস্থ নির্ধারণ করতে ব্যবহৃত হয়।
  • শৈলী: এটি সীমানা শৈলী সেট করতে ব্যবহৃত হয়, যেমন ডটেড, ড্যাশড, কঠিন বা ডবল।
  • রঙ: এটি সীমানার রঙ নির্ধারণ করে।

এখানে একটি উদাহরণ যেখানে আমরা বাস্তবায়ন করি ' সীমান্ত 'সম্পত্তি।

কিভাবে CSS ব্যবহার করে বর্ডার তৈরি করবেন?

একটি বর্ডার তৈরি করতে, প্রথমে, একটি HTML ফাইলে একটি উপাদান যোগ করুন। এটি করার জন্য, আমরা একটি

তৈরি করব এবং একটি বরাদ্দ করব “ কোণ এটা ক্লাস. এর পরে, আমরা

এবং

ট্যাগ ব্যবহার করে একটি শিরোনাম এবং অনুচ্ছেদ যোগ করব:



< শরীর >

< div ক্লাস = 'কোণা' >

< h1 > লিনাক্স ইঙ্গিত < / h1 >

< পি > CSS-এ বৃত্তাকার কোণ < / পি >

< / div >

< / শরীর >

এর পরে, আমরা CSS বিভাগে চলে যাব।

এখানে ' .কোণ

-এ বরাদ্দ করা ক্লাস অ্যাক্সেস করতে ব্যবহৃত হয়। এর পরে, আমরা ' ব্যবহার করে একটি সীমানা তৈরি করব সীমান্ত ' সম্পত্তি এবং প্রস্থ, শৈলী এবং রঙের মান নির্ধারণ করুন ' 4px ', ' কঠিন ', এবং ' rgb(248, 6, 107) ”, যথাক্রমে। উপরন্তু, আমরা প্রস্থ যোগ করব ' 250px ', উচ্চতা' 150px ', এবং পটভূমির রঙ ' rgb(234, 0, 255) ' div এর জন্য:



.কোণ {

সীমান্ত : 4px কঠিন rgb ( 248 , 6 , 107 ) ;

প্রস্থ : 250px ;

উচ্চতা : 150px ;

পেছনের রং : rgb ( 2. 3. 4 , 0 , 255 ) ;

}

আপনি উপরে উল্লিখিত কোড প্রয়োগ করার পরে, HTML ফাইলে যান এবং এটি কার্যকর করুন। আপনি নিম্নলিখিত ফলাফল দেখতে পাবেন:

এখন, আমরা পরবর্তী অংশে চলে যাব, যেখানে আমরা বৃত্তাকার কোণার বর্ডারে বর্গাকার বর্ডার তৈরি করব।

কিভাবে CSS ব্যবহার করে কোণে গোল করবেন?

একটি বৃত্তাকার কোণার সীমানা তৈরি করতে, ' সীমানা-ব্যাসার্ধ ” সম্পত্তি ব্যবহার করা হচ্ছে, যেখানে আপনি আপনার পছন্দ অনুযায়ী কোণার ব্যাসার্ধ সেট করতে পারেন।

বাক্য গঠন

সীমানা-ব্যাসার্ধ সম্পত্তির সিনট্যাক্স নীচে দেওয়া হল:

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

আগের উদাহরণটি চালিয়ে যাওয়া যাক এবং বৃত্তাকার কোণগুলি অর্জন করতে সীমানা-ব্যাসার্ধ সেট করুন।

উদাহরণ

ভিতরে ' কোণ CSS ফাইলের ক্লাস, এর মান সেট করুন সীমানা-ব্যাসার্ধ ' সম্পত্তি হিসাবে ' 30px ”:

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

উপরের লাইন যোগ করার সাথে, আপনি নিম্নলিখিত আউটপুট পাবেন:

উপরে প্রদত্ত আউটপুট নির্দেশ করে যে বর্ডার-ব্যাসার্ধ সম্পত্তির কারণে সীমানা সফলভাবে গোল কোণায় পরিবর্তিত হয়েছে।

উপসংহার

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