CSS প্রস্থ ফিট কন্টেন্ট

এখানে HTML কোডের আউটপুট রয়েছে:

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

শৈলী 'বক্স' ডিভ

দ্য ' .বক্স ” ডিভ ক্লাস বক্স বোঝায়। এটিতে প্রয়োগ করা বৈশিষ্ট্যগুলি নীচে দেওয়া হল:

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

শৈলী 'রঙ-1' ডিভ

দ্য ' পেছনের রঙ 'সম্পত্তি সেট করা হয়েছে' .color-1 ' div

শৈলী 'রঙ-2' ডিভ

শৈলী 'রঙ-3' ডিভ

এটি লক্ষ্য করা যায় যে উপাদানটির প্রস্থ সামগ্রীর সমান সেট করা হয়েছে:

দারুণ! আমরা সফলভাবে CSS এর ব্যবহার শিখেছি ' প্রস্থ 'মূল্য সহ সম্পত্তি' উপযুক্ত বিষয়বস্তু ”

উপসংহার

CSS প্রস্থ বৈশিষ্ট্য আমাদের বিভিন্ন মান ব্যবহার করার অনুমতি দেয়। এই মানগুলি শতাংশ, পিক্সেল বা আরও বেশি। বিষয়বস্তু অনুযায়ী এটি সেট করতে, ' উপযুক্ত বিষয়বস্তু ” মান সেট করা যেতে পারে। এই পোস্টে একটি ব্যবহারিক প্রদর্শনের সাথে মান ফিট-কন্টেন্ট সহ CSS প্রস্থের বৈশিষ্ট্য বর্ণনা করা হয়েছে।