CSS padding-inline-start প্রক্রিয়া

কোর্স সুপারিশ:

বর্ণনা ও ব্যবহার padding-inline-start ইলেক্ট্রনমের

অ্যাট্রিবিউটটি ইনলাইন দিকের শুরুতে, বর্তমান থেকে কনটেন্ট পর্যন্ত স্পেসকে নির্দিষ্ট করে。 অত্যন্ত সমান, কিন্তু সংশ্লিষ্ট সিএসএস অ্যাট্রিবিউট padding-inline CSS অ্যাট্রিবিউটটি সিএসএস অ্যাট্রিবিউটpadding-bottompadding-toppadding-bottompadding-left সংশ্লিষ্ট সিএসএস অ্যাট্রিবিউট 、 padding-right অত্যন্ত সমান, কিন্তু সংশ্লিষ্ট সিএসএস অ্যাট্রিবিউট padding-inline padding-block

অ্যাট্রিবিউটটি ইনলাইন দিক ও ব্লক দিকের উপর নির্ভর করে。নোট: writing-mode সংশ্লিষ্ট সিএসএস অ্যাট্রিবিউট direction ইনলাইন দিক নির্দিষ্ট করে। এটি ইলেক্ট্রনমের ইনলাইন দিকের শুরু ও শেষ স্থান এবং padding-inline-start অ্যাট্রিবিউটের ফলাফল। ইংরেজি পাতার জন্য, ব্লক দিক নীচের থেকে উপরের দিকে এবং ইনলাইন দিক বাম থেকে ডান দিকে হয়。

ইনস্ট্যান্স

উদাহরণ ১

ইনলাইন দিকের শুরুতে পাইডিং নির্দিষ্ট করুন:

div {
  padding-inline-start: 50px;
}

আপনার হাতে প্রয়াস করুন

উদাহরণ ২

ডিভ ইলেক্ট্রনমের writing-mode অ্যাট্রিবিউটটির মান vertical-rl হলে, ইনলাইন দিক নীচের থেকে উপরের দিকে হয়। ফলস্বরূপ, ইলেক্ট্রনমের শুরুতে বাম থেকে উপরের দিকে স্থানান্তরিত হয়:

div {
  writing-mode: vertical-rl;
  padding-inline-start: 100px;
}

আপনার হাতে প্রয়াস করুন

উদাহরণ ৩

ডিভ ইলেক্ট্রনমের direction অ্যাট্রিবিউটটির মান rtl হলে, ইনলাইন দিক ডানের থেকে বাঁকের দিকে হয়। ফলস্বরূপ, ইলেক্ট্রনমের শুরুতে বাম থেকে ডান দিকে স্থানান্তরিত হয়:

div {
  direction: rtl;
  padding-inline-start: 100px;
}

আপনার হাতে প্রয়াস করুন

সিএসএস সার্টেন্স

padding-inline-start: auto|মান|ইনিশিয়াল|ইনহারিট;

অ্যাট্রিবিউট মান

টেকনিক্যাল বিবরণ

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

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

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

উল্লেখ:CSS ডাইরেকশন প্রতিভা

উল্লেখ:CSS padding-inline প্রক্রিয়া

উল্লেখ:CSS padding-inline-end প্রক্রিয়া

উল্লেখ:CSS padding-bottom প্রক্রিয়া

উল্লেখ:CSS padding-left প্রক্রিয়া

উল্লেখ:CSS padding-right প্রক্রিয়া

উল্লেখ:CSS padding-top প্রক্রিয়া

উল্লেখ:CSS writing-mode এটি একটি প্রতিভা