গল্পে গল্পে CSS শিখুন [পর্ব-০২] :: CSS বর্ডার

একদিন, একটি ছোট্ট টেক্সট বক্স ছিল। এটি খুবই সাধারণ ছিল। এটির কোনও রঙ ছিল না, কোনও আকার ছিল না, এবং এটির কোনও সীমানা ছিল না। টেক্সট বক্সটি খুবই হতাশ ছিল। এটি চেয়েছিল যে এটি আরও আকর্ষণীয় দেখায়।

একদিন, টেক্সট বক্সটি একটি CSS প্রোগ্রামারের সাথে দেখা করে। প্রোগ্রামারটি টেক্সট বক্সকে বলেছিল যে সে এটিকে একটি বর্ডার দিতে পারে। টেক্সট বক্সটি খুবই খুশি হয়েছিল।

প্রোগ্রামারটি টেক্সট বক্সের জন্য একটি বর্ডার তৈরি করে। এটি একটি সবুজ, ঘন বর্ডার ছিল। টেক্সট বক্সটি এখন আর এত সাধারণ দেখায় না। এটি এখন আরও আকর্ষণীয় ছিল।

টেক্সট বক্সটি খুবই খুশি ছিল। এটি প্রোগ্রামারকে ধন্যবাদ জানায়। প্রোগ্রামারটি বলেছিল যে এটি কোনও ব্যাপার নয়। সে খুশি যে সে টেক্সট বক্সকে সাহায্য করতে পারে।

টেক্সট বক্সটি এখন আর হতাশ নয়। এটি এখন একটি সুন্দর, সবুজ বর্ডার সহ একটি আকর্ষণীয় টেক্সট বক্স। এটি এখন আরও অনেক বেশি লক্ষণীয়।

CSS বর্ডার কী?

CSS বর্ডার হল একটি CSS প্রোপার্টি যা একটি HTML এলিমেন্টের চারপাশে একটি সীমানা তৈরি করতে ব্যবহৃত হয়। এটি তিনটি প্রোপার্টির সমন্বয়ে গঠিত:

  • border-width: বর্ডারের প্রস্থ নির্ধারণ করে।
  • border-style: বর্ডারের স্টাইল নির্ধারণ করে।
  • border-color: বর্ডারের রঙ নির্ধারণ করে।

CSS বর্ডারের স্টাইল

CSS বর্ডারের বিভিন্ন স্টাইল রয়েছে। কিছু সাধারণ স্টাইল হল:

  • solid: একটি একক, ধারাবাহিক বর্ডার।
  • dashed: একটি ভাঙা বর্ডার।
  • dotted: একটি বিন্দুযুক্ত বর্ডার।
  • double: একটি দ্বিগুণ বর্ডার।
  • groove: একটি খাঁজযুক্ত বর্ডার।
  • ridge: একটি रिज वाली बाउंड्री।
  • inset: একটি ইনসেট বর্ডার।
  • outset: একটি আউটসেট বর্ডার।

CSS বর্ডারের রঙ

CSS বর্ডারের রঙ যেকোনো HTML রঙ হতে পারে। আপনি এটিকে একটি hexadecimal রঙ মান, একটি RGB রঙ মান, বা একটি নামী রঙ দিয়ে দিতে পারেন।

CSS বর্ডার ব্যবহার করে একটি টেক্সট বক্স তৈরি করা

CSS বর্ডার ব্যবহার করে একটি টেক্সট বক্স তৈরি করতে, আপনি নিম্নলিখিত CSS কোডটি ব্যবহার করতে পারেন:

div {border: 1px solid red;}

এই কোডটি একটি 1 পিক্সেল পুরু, লাল বর্ডার সহ একটি div এলিমেন্ট তৈরি করবে।

CSS বর্ডার সম্পর্কে আরও জানতে

CSS বর্ডার সম্পর্কে আরও জানতে, আপনি

CSS বর্ডার Tutorial By visual Animation Link Below:

https://youtube.com/shorts/5EFrAfdKpWE

প্রোপার্টি টিউটোরিয়ালটি দেখতে পারেন।

আমি আশাকরি এই গল্পটি আপনাকে CSS বর্ডার সম্পর্কে আরও ভালভাবে বুঝতে সাহায্য করেছে। আপনি এখন একটি সুন্দর, আকর্ষণীয় টেক্সট বক্স তৈরি করতে পারেন!

Level 0

আমি ইরফান তালুকদার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 6 মাস 2 সপ্তাহ যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 6 টি টিউন ও 1 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 1 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস