CSS বর্ডার

CSS বর্ডার বৈশিষ্ট্যগুলি আপনাকে একটি উপাদানের সীমানার শৈলী, প্রস্থ এবং রঙ নির্দিষ্ট করতে দেয়।

আমার চারিদিকে বর্ডার
আমার নিচের দিকে বর্ডার
আমার বর্ডার রেডিয়াস আছে
আমার বামপাশে মোটা বর্ডার

উপরে চারটি আলাদা বর্ডার এর উদাহরণ দেখলাম, এবার এগুলো কিভাবে করে সে বিষয়ে শিখবো ।

CSS Border Style

border-style প্রপার্টি নির্ধারন করে বর্ডার এর ধরন কেমন হবে এবং কিভাবে ডিসপ্লে হবে।

নিচের ভেলু গুলো বর্ডার স্টাইল প্রপার্টির ভেলু হিসেবে ব্যবহার করা যাবে ।

  • dotted – ডটেড বর্ডার ডিফাইন করে
  • dashed – ড্যাস বর্ডার ডিফাইন করে
  • solid – সলিড (a to z একই রকম) বর্ডার ডিফাইন করে
  • double – ডাবল বর্ডার ডিফাইন করে
  • groove – 3D gooved বর্ডার ডিফাইন করে । এটি কালার ভেলু্র উপর নির্ভর করে ।
  • ridge – 3D ridged বর্ডার ডিফাইন করে। এটি কালার ভেলু্র উপর নির্ভর করে ।
  • inset – 3D inset border (ভেতরের দিকে) বর্ডার ডিফাইন করে। এটি কালার ভেলু্র উপর নির্ভর করে।
  • outset – 3D outset border(বাইরের দিকে) বর্ডার ডিফাইন করে। এটি কালার ভেলু্র উপর নির্ভর করে।
  • none – কোন বর্ডার আগে ডিফাইন করা থাকলে সেটি তুলে দেয় ।
  • hidden – হিডেন বর্ডার ডিফাইন করে।

উপরের বর্ডার স্টাইল প্রপার্টির ভেলু গুলো ব্যবহারের ফলে কেমন দেখাবে তা নিচে ।

A dotted border.

A dashed border.

A solid border.

A double border.

A groove border.

A ridge border.

An inset border.

An outset border.

No border.

A mixed border.

নিজে চেষ্ঠা করুন

পরের ধাপ গুলোতে আরো বিস্তারিত আকারে পাবো সিএসএস বর্ডার এর ধারনা ও ব্যবহার ।

কমেন্ট করুন

Your email address will not be published. Required fields are marked *