উদাহরণ সহ সিএসএসে প্যাডিং কীভাবে প্রয়োগ করা যায়



এই নিবন্ধটি আপনাকে উদাহরণ সহ সিএসএসে প্যাডিং কীভাবে প্রয়োগ করতে হবে সে সম্পর্কে একটি বিশদ এবং বিস্তৃত জ্ঞান সরবরাহ করবে।

প্যাডিং এর অন্যতম গুরুত্বপূর্ণ বিষয় এবং । এই নিবন্ধে আমরা নিম্নলিখিত ক্রমে সিএসএসে প্যাডিংয়ের গুরুত্ব এবং ব্যবহার নিয়ে আলোচনা করব:

সিএসএসে প্যাডিং কী?

প্যাডিং বৈশিষ্ট্য আপনাকে কোনও এলিমেন্টের লিখিত পাঠ্য এবং এর সীমানার মধ্যে কোথায় নির্দিষ্ট করতে হবে এবং কতটা স্থান উপস্থিত হবে তা আপনাকে দেয়। এই বৈশিষ্ট্যের মান দৈর্ঘ্য বা শতাংশ বা শব্দ হতে হবে be





Padding-in-CSS



মান উত্তরাধিকার সূত্রে প্রাপ্ত হলে এটি পিতামাতার মতো একই প্যাডিং হবে। এখানে যদি শতাংশ ব্যবহার করা হয় তবে শতাংশটি হ'ল বাক্সের।

প্যাডিং বৈশিষ্ট্য

সিএসএসে প্যাডিংয়ের নিম্নোক্ত বৈশিষ্ট্যগুলি তালিকা নিয়ন্ত্রণ করতে ব্যবহার করা যেতে পারে। তবুও, আপনি মূলত নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করে বাক্সের উভয় দিকের প্যাডিংয়ের জন্য বিভিন্ন মান সেট করতে পারেন:

  • ভরাট: এটি একটি উপাদানের নীচে প্যাডিং নির্দিষ্ট করে।



  • প্যাডিং শীর্ষ: এটি একটি উপাদানের শীর্ষ প্যাডিং নির্দিষ্ট করে।

  • প্যাডিং-বাম: এটি উপাদানটির বাম প্যাডিং নির্দিষ্ট করে।

  • প্যাডিং-ডান: এটি উপাদানটির ডান প্যাডিং নির্দিষ্ট করে।

  • প্যাডিং: এটি আরও সম্পত্তিগুলির জন্য একটি শর্টহ্যান্ড হিসাবে কাজ করে।

প্যাডিং-নীচের সম্পত্তি:

এটি কোনও উপাদানের নীচে প্যাডিংয়ে সেট করা আছে। এটি শতাংশের দৈর্ঘ্যে মানগুলি নিতে পারে।

জাভা মধ্যে প্রাথমিক তথ্য কাঠামো


এটি অনুচ্ছেদে নির্দিষ্ট নীচের প্যাডিং



এটি শতাংশে নীচের প্যাডিং নির্দিষ্ট আরেকটি অনুচ্ছেদ

আউটপুট:

প্যাডিং শীর্ষস্থানীয় সম্পত্তি

এই প্যাডিং শীর্ষস্থানীয় কোনও উপাদানের শীর্ষ প্যাডিং সেট করবে। এটি শতাংশের দৈর্ঘ্যে মান নিতে পারে।


এটি অনুচ্ছেদে নির্দিষ্ট শীর্ষ প্যাডিং



এটি শতাংশে নির্দিষ্ট প্যাডিং নির্দিষ্ট আরেকটি অনুচ্ছেদ

আউটপুট:

প্যাডিং-বাম সম্পত্তি

এই প্যাডিং-বাম সম্পত্তি একটি উপাদানের বাম প্যাডিং সেট করবে। এটি শতাংশের দৈর্ঘ্যে মান নিতে পারে।


এটি অনুচ্ছেদে নির্দিষ্ট বাম প্যাডিং



এটি শতাংশে বাম প্যাডিং নির্দিষ্ট আরেকটি অনুচ্ছেদ

আউটপুট:

প্যাডিং-ডান সম্পত্তি

এই প্যাডিং-রাইট প্রপার্টি কোনও উপাদানটির ডান প্যাডিং সেট করবে। এটি শতাংশের দৈর্ঘ্যে মান নিতে পারে।


এটি অনুচ্ছেদে নির্দিষ্ট প্যাডিং নির্দিষ্ট করা হয়েছে



এটি শতাংশে সঠিক প্যাডিং নির্দিষ্ট আরেকটি অনুচ্ছেদ

আউটপুট:

প্যাডিং সম্পত্তি

এই প্যাডিং সম্পত্তিটি ডান, বাম, শীর্ষ এবং নীচের প্যাডিং সেট করে। এটি শতাংশের দৈর্ঘ্যে মানগুলি নিতে পারে।


এই চারটি প্যাডিং 20px হবে



উপরের এবং নীচের প্যাডিংটি 20px, ডান এবং বামটি নথির মোট প্রস্থের 10% হবে



শীর্ষ এবং নীচের প্যাডিং 20px হবে, ডান প্যাডিং নথির মোট প্রস্থের 3% হবে, নীচে প্যাডিং এবং শীর্ষ প্যাডিং 20px হবে

আউটপুট:

এটির সাথে, আমরা সিএসএসে প্যাডিংয়ের উপর এই আশ্চর্যজনক নিবন্ধটির শেষ করেছি। আমি আশা করি যে আমরা বিভিন্ন উপায়ে প্যাডিং যুক্ত করতে পারি তার একটি বোঝাপড়া পেয়েছি।

লাইন বিরতির জন্য এইচটিএমএল ট্যাগ

আপনি যদি ওয়েব-বিকাশ সম্পর্কে আরও শিখতে আগ্রহী হন তবে এটি দেখুন লিখেছেন এডুরেকা। ওয়েব ডেভেলপমেন্ট শংসাপত্র প্রশিক্ষণ আপনাকে এইচটিএমএল 5, সিএসএস 3, টুইটার বুটস্ট্র্যাপ 3, জ্যাকুয়ারি এবং গুগল এপিআই ব্যবহার করে কীভাবে চিত্তাকর্ষক ওয়েবসাইট তৈরি করতে এবং এটি অ্যামাজন সিম্পল স্টোরেজ সার্ভিসে (এস 3) স্থাপন করতে সহায়তা করবে।

আপনি যদি এখনও আগ্রহী হন আপনার যদি কোনও প্রশ্ন থাকে তবে আপনি এটি 'সিএসএসে প্যাডিং' ব্লগের মন্তব্য বিভাগে পোস্ট করতে পারেন এবং আমরা যত তাড়াতাড়ি সম্ভব আপনার কাছে ফিরে আসব।