Style margin 属性
- পূর্ববর্তী পৃষ্ঠা listStyleType
- পরবর্তী পৃষ্ঠা marginBottom
- একত্রীক্ষায় ফিরুন HTML DOM Style অবজেক্ট
定义和用法
margin
属性设置或返回元素的外边距。
此属性可以采用一到四个值:
- 一个值,例如:div {margin: 50px} - 所有四个外边距都是 50px
- 两个值,例如:div {margin: 50px 10px} - 上下外边距为 50px,左右外边距为 10px
- 三个值,例如:div {margin: 50px 10px 20px} - 上外边距为 50px,左右外边距为 10px,下外边距为 20px
- চারটি মান, যেমন: div {margin: 50px 10px 20px 30px} - উপরের মার্জিন 50px, ডানদিকের মার্জিন 10px, নিচের মার্জিন 20px, বামদিকের মার্জিন 30px
margin এবং padding বৈশিষ্ট্যকে অণুভূতিমূলক গঠনের চারপাশে জায়গা সংযোজন করে। কিন্তু, পার্থক্যঃ margin এবং padding-এর মধ্যে, margin কিন্তু প্রতিবন্ধীতের চারপাশে জায়গা সংযোজন করে, padding-এবং padding প্রতিবন্ধীতের মধ্যে জায়গা সংযোজন করে。
অন্যান্য দেখুন
CSS শিক্ষাCSS মার্গিন
CSS সংক্ষিপ্ত হান্ডবুকmargin বৈশিষ্ট্য
উদাহরণ
উদাহরণ 1
সকল চারটি মার্জিনকে <div> এলিমেন্টে নির্ধারণ করুন
document.getElementById("myDiv").style.margin = "50px 10px 20px 30px";
উদাহরণ 2
<div> এলিমেন্টের সকল চারটি মার্জিনকে "25px"-এ পরিবর্তন করুন
document.getElementById("myDiv").style.margin = "25px";
উদাহরণ 3
ফিরিয়ে দিন <div> এলিমেন্টের মার্জিনঃ
alert(document.getElementById("myDiv").style.margin);
উদাহরণ 4
margin বৈশিষ্ট্য এবং padding বৈশিষ্ট্যের পার্থক্যঃ
function changeMargin() { document.getElementById("myDiv").style.margin = "100px"; } function changePadding() { document.getElementById("myDiv2").style.padding = "100px"; }
ব্যবহারকৌশল
margin বৈশিষ্ট্য ফিরিয়ে দিন
object.style.margin
margin বৈশিষ্ট্য নির্ধারণ করুন
object.style.margin = "%|length|auto|initial|inherit"
বৈশিষ্ট্যমান
মান | বর্ণনা |
---|---|
% | প্রকৃত মাত্রার প্রতিশত হিসাবে মার্জিন নির্ধারণ করুন |
length | দৈর্ঘ্যমাপক ইউনিটে মার্জিন নির্ধারণ করুন |
auto | ব্রাউজার মার্জিন (চারটি মার্জিনই সমান হবে) নির্ধারণ করুন |
initial | এই বৈশিষ্ট্যকে তার ডিফল্ট মানে ন্যায়ায়িত করুন। দেখুন initial。 |
inherit | প্রকৃত মাত্রা থেকে এই বৈশিষ্ট্যকে উত্তরাধিকার নেয়। দেখুন inherit。 |
প্রযুক্তিগত বিবরণ
ডিফল্ট মানঃ | 0 |
---|---|
ফলাফলঃ | শব্দটি বলতে অণুভূতিমূলক গঠনকে বোঝায়。 |
CSS সংস্করণ: | CSS1 |
ব্রাউজার সমর্থন
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
---|---|---|---|---|
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা listStyleType
- পরবর্তী পৃষ্ঠা marginBottom
- একত্রীক্ষায় ফিরুন HTML DOM Style অবজেক্ট