padding-inline-start বৈশিষ্ট্য
padding-inline-start বৈশিষ্ট্যটি ইনলাইন (অনুভূমিক) অক্ষ বরাবর
এলিমেন্টের প্রারম্ভিক অভ্যন্তরীণ প্যাডিং নির্ধারণ করে।
সিনট্যাক্স
সিলেক্টর {
padding-inline-start: আকার;
}
উদাহরণ
আসুন চাইল্ড এলিমেন্টের জন্য ইনলাইন অক্ষ বরাবর প্রারম্ভিক অভ্যন্তরীণ প্যাডিং
20px এ সেট করি:
<div>
<p>text</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-start: 20px;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
উদাহরণ
এবং এখন আসুন চাইল্ড এলিমেন্টের জন্য ইনলাইন অক্ষ বরাবর প্রারম্ভিক অভ্যন্তরীণ প্যাডিং
20% এ সেট করি:
<div>
<p>text</p>
</div>
div {
width: 400px;
height: 200px;
border: 1px solid black;
}
p {
padding-inline-start: 20%;
width: 100px;
height: 50px;
border: 1px solid red;
}
:
আরও দেখুন
-
padding-inline-endবৈশিষ্ট্য,
যা ইনলাইন অক্ষ বরাবর এলিমেন্টের চূড়ান্ত অভ্যন্তরীণ প্যাডিং নির্ধারণ করে -
padding-block-endবৈশিষ্ট্য,
যা ব্লক অক্ষ বরাবর এলিমেন্টের চূড়ান্ত অভ্যন্তরীণ প্যাডিং নির্ধারণ করে -
padding-block-startবৈশিষ্ট্য,
যা ব্লক অক্ষ বরাবর এলিমেন্টের প্রারম্ভিক অভ্যন্তরীণ প্যাডিং নির্ধারণ করে -
paddingবৈশিষ্ট্য,
যা অভ্যন্তরীণ প্যাডিং নির্ধারণ করে -
margin-bottomবৈশিষ্ট্য,
যা নীচের বাহ্যিক মার্জিন নির্ধারণ করে -
margin-leftবৈশিষ্ট্য,
যা বাম দিকের বাহ্যিক মার্জিন নির্ধারণ করে -
margin-rightবৈশিষ্ট্য,
যা ডান দিকের বাহ্যিক মার্জিন নির্ধারণ করে -
marginবৈশিষ্ট্য,
যা বাহ্যিক মার্জিনের জন্য একটি শর্টহ্যান্ড