আমি কিভাবে শুধুমাত্র একপাশে একটি CSS বর্ডার সেট করতে পারি?

এটি দেখা যায় যে ধারকটি সফলভাবে তৈরি করা হয়েছে:

ধাপ 3: ডিভ কন্টেইনার অ্যাক্সেস করুন

এখন, HTML div কন্টেইনার অ্যাক্সেস করুন এবং ক্লাসের নাম অ্যাক্সেস করুন। এটি করার জন্য, একটি ক্লাস নির্বাচক ' # ” ক্লাসের নামের সাথে ব্যবহৃত হয়।

ধাপ 4: শুধুমাত্র একপাশে সীমানা ঢোকান

div কন্টেইনার অ্যাক্সেস করার পরে, নীচের উল্লেখিত CSS বৈশিষ্ট্যগুলি প্রয়োগ করুন:

এখানে:

• • ' সীমানা-বাম সীমানা-বাম প্রস্থ, শৈলী এবং রঙ সেট করার জন্য একটি শর্টহ্যান্ড সম্পত্তি।
  • ' পটভূমি উপাদানটির পটভূমির রঙ সামঞ্জস্য করার জন্য সম্পত্তি ব্যবহার করা হয়।
  • ' মার্জিন ” বৈশিষ্ট্যগুলি সীমানার বাইরে স্থান নির্ধারণ করে।
  • ' প্রস্থ ” একটি পাত্রে উপাদানের প্রস্থের আকার নির্ধারণ করে।

ফলস্বরূপ চিত্রটি শুধুমাত্র এক পাশের সীমানা দেখায়:

পদ্ধতি 2: বিভিন্ন শৈলী সহ সব দিকে সীমানা সেট করুন

বিভিন্ন রং দিয়ে সব দিকে সীমানা সেট করতে, উপরের HTML কোডটি ব্যবহার করুন। তারপর, আইডি নাম এবং নির্বাচকের সাহায্যে div কন্টেইনার অ্যাক্সেস করুন:

উপরে প্রদত্ত কোডে:

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

ফলস্বরূপ, প্রতিটি পাশে বিভিন্ন শৈলী সহ সীমানা প্রয়োগ করা হবে:

এই নিবন্ধে, আপনি এক এবং একাধিক দিকে CSS বর্ডার সেট করার বিভিন্ন উপায় শিখেছেন।

উপসংহার

শুধুমাত্র একপাশে সীমানা সেট করতে, প্রথমে, ' ব্যবহার করে একটি ডিভ তৈরি করুন