Style padding প্রতিশব্দ

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

প্যাডিং প্রতিটি অ্যাট্রিবিউট ইন্টারমার্জিন সেট করে বা ফেরত দেয়

এই অ্যাট্রিবিউটটি এক থেকে চারটি মান নিতে পারে:

মার্জিন অ্যাট্রিবিউট এবং padding অবস্থা সকলই উপাদান চারপাশে জায়গা সৃষ্টি করে। কিন্তু, পার্থক্যটি হল যে, মার্জিন বর্তনীর চারপাশে জায়গা সৃষ্টি করে, আবার প্যাডিং উপাদানের বর্তনীর ভিতরে জায়গা সৃষ্টি করে

  • একটি মান, যেমন: div {padding: 50px} - চারটি সকল মাথা ইন্টারমার্জিন 50px হবে
  • দুইটি মান, যেমন: div {padding: 50px 10px} - উপর ও নীচের ইন্টারমার্জিন 50px হবে, বাম ও ডান ইন্টারমার্জিন 10px হবে
  • তিনটি মান, যেমন: div {padding: 50px 10px 20px} - উপরের অভ্যন্তরীণ মাঝামাঝি অংশ 50px, ডান-বাম অভ্যন্তরীণ মাঝামাঝি অংশ 10px, নীচের অভ্যন্তরীণ মাঝামাঝি অংশ 20px
  • চারটি মান, যেমন: div {padding: 50px 10px 20px 30px} - উপরের অভ্যন্তরীণ মাঝামাঝি অংশ 50px, ডানদিকের অভ্যন্তরীণ মাঝামাঝি অংশ 10px, নীচের অভ্যন্তরীণ মাঝামাঝি অংশ 20px, বামদিকের অভ্যন্তরীণ মাঝামাঝি অংশ 30px

অন্যান্য দেখুন:

CSS শিক্ষাক্রমCSS ইন্টারপ্যাডিং

CSS সংক্ষিপ্ত গাইডpadding অবস্থা

উদাহরণ

例子 1

设置 <div> 元素的内边距：

document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 2

<div> উপাদানের সকল চারটি পাশের অভ্যন্তরীণ মাঝামাঝি অংশ "25px"-এ পরিবর্তন করুন:

document.getElementById("myDiv").style.padding = "25px";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 3

ফলাফল <div> উপাদানের অভ্যন্তরীণ মাঝামাঝি অংশ:

alert(document.getElementById("myDiv").style.padding);

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 4

margin অবস্থা এবং padding অবস্থার পার্থক্য:

function changeMargin() {
  document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.padding = "100px";
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

বিন্যাস

padding অবস্থা ফিরিয়ে দিন:

object.style.padding

padding অবস্থা সমায়োজন করুন:

object.style.padding = "%|length|initial|inherit"

প্রয়োগ মান

মান বর্ণনা
% পৃষ্ঠভূমির প্রস্থতার পারসেন্টে অভ্যন্তরীণ মাঝামাঝি অংশ নির্ধারণ করুন。
length দৈর্ঘ্য ইউনিটে অভ্যন্তরীণ মাঝামাঝি অংশ নির্ধারণ করুন。
initial এই অবস্থা ডিফল্ট মানে সমান করুন। দেখুন initial。
inherit এই প্রয়োগ সম্পর্কিত পৃষ্ঠভূমি থেকে এই অবস্থা উত্তরাধিকার করে। দেখুন inherit。

প্রযুক্তিগত বিস্তার

ডিফল্ট মান: 0
ফলাফল: স্ট্রিং, যা উপাদানের অভ্যন্তরীণ মাঝামাঝি অংশকে বৈধ করে।
CSS সংস্করণ: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন