CSS padding-block অপার্টি

বিবরণ ও ব্যবহার

ইলাকার padding-block তা এই অর্থে যে, ইলাকাটির হাড়ল থেকে মূল কনটেন্ট পর্যন্ত ব্লক দিকের অন্তর, এটি নিম্নলিখিত প্রতিক্রিয়াগুলির সংক্ষিপ্তকরণ

• padding-block-start
• padding-block-end

padding-block 属性的值可以通过不同的方式设置：

গুণের মানটি বিভিন্ন পদ্ধতিতে নির্দিষ্ট করা যেতে পারে:

padding-block: 10px 50px;

• যদি padding-block গুণটির দুটি মান থাকে:
• শুরুর ইন্টারন্যাপটিং 10px হবে

শেষের ইন্টারন্যাপটিং 50px হবে

যদি padding-block গুণটির একটি মান থাকে:

• padding-block: 10px;

শুরু ও শেষের ইন্টারন্যাপটিংকে 10px সমায়োজিত করা হয় padding-block অত্যন্ত সমান, কিন্তু এবং CSS গুণগুলো সার্বজ্ঞানpadding-bottompadding-toppadding-bottom、 অত্যন্ত সমান, কিন্তু padding-left padding-right padding-block অত্যন্ত সমান, কিন্তু এবং padding-inline

গুণটি ব্লক দিক এবং লাইন দিকের উপর নির্ভর করে。মন্তব্য: writing-mode ব্লক দিককে নির্দিষ্ট করে। এটি ব্লকের ভাবমুখ এবং শেষপর্যন্ত স্থানটি এবং সংশ্লিষ্ট CSS গুণগুলোকে প্রভাবিত করে。 padding-block গুণের ফলাফল। ইংরেজি পাতায়, ব্লক দিকটি নীচে দিকে এবং লাইন দিকটি বাম থেকে ডানদিকে চলে যায়。

উদাহরণ

উদাহরণ 1

ব্লক দিকের দুই পাশের ইন্টারন্যাপটিং সমায়োজিত করুন:

p {
  padding-block: 35px;
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

যখন <div> এলিমেন্টের writing-mode গুণ মানটি vertical-rl-এ সমায়োজিত হলে, এলিমেন্টের ভাবমুখ উপর থেকে ডানদিকে এবং শেষপর্যন্ত নীচে থেকে বামদিকে চলে যায়:

div {
  writing-mode: vertical-rl;
  padding-block: 10px 50px;
}

আপনার নিজেই প্রয়াস করুন

CSS সার্বজ্ঞান

padding-block: auto|value|initial|inherit;

গুণ মান

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এটি প্রথম এই প্রক্রিয়াটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজার সংস্করণ

সংশ্লিষ্ট পৃষ্ঠা

উল্লেখCSS padding-block-end অপার্টি

উল্লেখCSS padding-block-start অপার্টি

উল্লেখCSS padding-inline অপার্টি

উল্লেখCSS padding-bottom অপার্টি

উল্লেখCSS padding-left অপার্টি

উল্লেখCSS padding-right অপার্টি

উল্লেখCSS padding-top অপার্টি

উল্লেখCSS writing-mode অতিভূত্যা