CSS padding অপার্টিটি
- পূর্বপাশের পৃষ্ঠা overscroll-behavior-y
- পরবর্তী পৃষ্ঠা padding-block
সংজ্ঞা ও ব্যবহার
padding সংক্ষিপ্ত প্রক্রিয়াটি একটি বিবৃতিতে সকল আঙ্কন প্রক্রিয়াকে নির্দিষ্ট করে。
ব্যাখ্যা
এই সংক্ষিপ্ত প্রক্রিয়াটি এলিমেন্টের সকল আঙ্কন প্রক্রিয়ার প্রস্থতা নির্দিষ্ট করে, বা প্রত্যেক পাশের আঙ্কন প্রক্রিয়ার প্রস্থতা নির্দিষ্ট করে।ইনলাইন অবচ্ছেদক উপাদানের উপর নির্দিষ্ট আঙ্কন প্রক্রিয়াটি হাইটি গণনা করতে পারে না; যার ফলে, একটি উপাদান যদি আঙ্কন এবং প্রক্ষেপণ উভয়ই থাকে, তবে দৃশ্যকৃতভাবে অন্য পাশের পর্যন্ত প্রসারিত হতে পারে, অন্যান্য কনটেন্টের সাথে মিলিত হতে পারে।উপাদানের প্রক্ষেপণটি আঙ্কন প্রক্রিয়ার মধ্যে প্রসারিত হবে।নেতিবাচক পাশের আঙ্কন মান নির্দিষ্ট করা যাবে না。
মন্তব্য:নেতিবাচক মান ব্যবহার করা যাবে না。
উদাহরণ 1
padding:10px 5px 15px 20px;
- উপরের আঙ্কন 10px
- ডান আঙ্কন 5px
- নিচের আঙ্কন 15px
- বাম আঙ্কন 20px
উদাহরণ 2
padding:10px 5px 15px;
- উপরের আঙ্কন 10px
- ডান আঙ্কন এবং বাম আঙ্কন 5px
- নিচের আঙ্কন 15px
উদাহরণ 3
padding:10px 5px;
- উপরের আঙ্কন এবং নিচের আঙ্কন 10px
- ডান আঙ্কন এবং বাম আঙ্কন 5px
উদাহরণ 4
padding:10px;
- সকল 4টি আঙ্কন 10px
অন্যান্য দেখুন:
CSS শিক্ষাক্রমCSS অভ্যন্তরীণ মাঝামাঝি
HTML DOM পরিচ্ছেদকpadding প্রক্রিয়া
উদাহরণ
পি উপাদানের 4টি আঙ্কন প্রক্রিয়া নির্দিষ্ট করুন:
p
{
padding:2cm 4cm 3cm 4cm;
}
CSS গণিত
padding: length|initial|inherit;
প্রক্রিয়াকে
| মান | বর্ণনা |
|---|---|
| auto | ব্রাউজার আঙ্কন প্রক্রিয়া গণনা করবে。 |
| length | বিশেষ ইউনিটে আঙ্কন প্রক্রিয়ার মান নির্দিষ্ট করুন, যেমন পিক্সেল, সেন্টিমিটার ইত্যাদি।ডিফল্ট মান 0px। |
| % | পিতৃ উপাদানের প্রস্থতা ভিত্তিক প্রতিশত আঙ্কন প্রক্রিয়াকে নির্দিষ্ট করুন。 |
| inherit | পিতৃ উপাদান থেকে আঙ্কন প্রক্রিয়াকে উত্তরসূরীতা করা হবে。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | 0 |
|---|---|
| উত্তরসূরীতা: | no |
| সংস্করণ: | CSS1 |
| JavaScript গণিত | object.style.padding="10px 5px" |
TIY প্রয়োগ
- সকল আঙ্কন প্রক্রিয়াকে একটি বিবৃতিতে
- এই উদাহরণে, সকল আঙ্কন প্রক্রিয়াকে একটি বিবৃতিতে সমাবেশ করার জন্য সংক্ষিপ্ত প্রক্রিয়াটি ব্যবহার করা হয়, যা একটি থেকে চারটি মান রাখতে পারে。
ব্রাউজার সমর্থন
টেবিলের সংখ্যা থেকে বোঝা যায় যে, এই প্রক্রিয়াটির প্রথম ব্রাউজার যা এই প্রক্রিয়াটিকে সম্পূর্ণভাবে সমর্থন করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- পূর্বপাশের পৃষ্ঠা overscroll-behavior-y
- পরবর্তী পৃষ্ঠা padding-block
