CSS padding-block-start প্রক্রিয়া
- পূর্ববর্তী পৃষ্ঠা padding-block-end
- পরবর্তী পৃষ্ঠা padding-bottom
বিবরণ ও ব্যবহার
উপাদানের padding-block-start
ব্লক দিশার শুরুতে কান্তো থেকে কনটেন্ট পর্যন্ত স্থান
CSS padding-block
এবং padding-inline
বৈশিষ্ট্য padding-top
,padding-bottom
,padding-left
এবং padding-right
অত্যন্ত সম্পর্কিত padding-block
এবং padding-inline
বৈশিষ্ট্যটি ব্লক দিশা ও একক দিশা নির্ভর করে
প্রত্যহরণ:সম্পর্কিত CSS বৈশিষ্ট্যগুলির প্রভাব ফেলে writing-mode
ব্লক দিশা নির্দিষ্ট করে। এটি ব্লকের ভাবের শুরু ও শেষ স্থান এবং padding-block
বৈশিষ্ট্যের ফলাফল। ইংরেজি পাতায়, ব্লক দিশা নিচের দিকে হয়, এবং একক দিশা ডানের দিকে হয়
প্রতিমান
উদাহরণ 1
ব্লক দিশার ভাবের ভাবে প্রবেশ প্যাডিং নির্দিষ্ট করুন
p { padding-block-start: 35px; }
উদাহরণ 2
ডিভ উপাদানটির writing-mode যখন বৈশিষ্ট্যটি vertical-rl হয়, তখন ব্লক দিশা ডানের দিকে হয়। ফলস্বরূপ, উপাদানের শুরুতে শীর্ষ থেকে ডানের দিকে স্থানান্তরিত হয়:
div { writing-mode: vertical-rl; padding-block-start: 50px; }
CSS গঠনশৈলী
padding-block-start: auto|value|initial|inherit;
বৈশিষ্ট্য মান
মান | বর্ণনা |
---|---|
auto | ডিফল্ট |
length |
px, pt, cm ইত্যাদি ইউনিটে পাদবলক-স্টার্ট প্যাডিং নির্দিষ্ট করুন। নেতিবাচক মান অনুমোদিত নয় দেখুন:CSS ইউনিট. |
% | পাদবলক-স্টার্ট প্যাডিংকে পিতৃত্বকে দিশায় দিয়ে পাদবলক-স্টার্ট প্যাডিং নির্দিষ্ট করুন |
initial | এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিন। দেখুন: initial. |
inherit | এই বৈশিষ্ট্যটি তার পিতৃত্বকে থাকা বৈশিষ্ট্য থেকে উত্তরসূরী করুন। দেখুন: inherit. |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | auto |
---|---|
উত্তরসূরীতা: | না |
অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়: দেখুন:অ্যানিমেশন-সম্পর্কিত বৈশিষ্ট্য. |
সংস্করণ: | CSS3 |
জেভাস্ক্রিপ্ট গঠনশৈলী: | object.style.paddingBlockStart="100px" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই ব্যাপকতা সম্পর্কে প্রথম সম্পূর্ণরূপে সমর্থনকারী ব্রাউজার সংস্করণকে ইঙ্গিত করে
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
---|---|---|---|---|
87.0 | 87.0 | 41.0 | 12.1 | 73.0 |
সংশ্লিষ্ট পৃষ্ঠা
উল্লেখ:CSS padding-block প্রক্রিয়া
উল্লেখ:CSS padding-block-end প্রক্রিয়া
উল্লেখ:CSS padding-inline প্রক্রিয়া
উল্লেখ:CSS padding-bottom প্রক্রিয়া
উল্লেখ:CSS padding-left প্রক্রিয়া
উল্লেখ:CSS padding-right প্রক্রিয়া
উল্লেখ:CSS padding-top প্রক্রিয়া
উল্লেখ:CSS writing-mode অপারেশন
- পূর্ববর্তী পৃষ্ঠা padding-block-end
- পরবর্তী পৃষ্ঠা padding-bottom