CSS margin প্রতিশব্দ
- পূর্বপৃষ্ঠ list-style-type
- পরবর্তী পৃষ্ঠা margin-block
সংজ্ঞা ও ব্যবহার
margin সংক্ষিপ্ত এটিওয়ার্ড একটি ঘোষণাতে সমস্ত মার্গ এটিওয়ার্ড প্রতিষ্ঠানকে সেট করে।এই প্রতিষ্ঠানটি ১ থেকে ৪টি মান পারে。
বর্ণনা
এই সংক্ষিপ্ত এটিওয়ার্ড একটি এলাকার সমস্ত মার্গ চার্জ করে, বা প্রত্যেক পাশের মার্গ চার্জ করে。
ব্লক স্কেল এলাকার সমস্ত বহুত্বকে মিলিয়ে নেওয়া হয়, এবং লাইনগুলির উপরও মার্গ নেই।ইনলাইন এলাকার বাম-ডান মার্গ মিলিয়ে নেওয়া হয় না।ফ্লটিং এলাকার মার্গও মিলিয়ে নেওয়া হয় না।নেতিবাচক মার্গ মান নির্দেশ করা যায়, কিন্তু ব্যবহার করাতে সতর্ক হয়।
মন্তব্য:নেতিবাচক মান ব্যবহার করা যায়。
উদাহরণ ১
margin:10px 5px 15px 20px;
- উপরদিকের মার্গ ১০px
- ডানদিকের মার্গ ৫px
- নীচের মার্গ ১৫px
- বামদিকের মার্গ ২০px
উদাহরণ ২
margin:10px 5px 15px;
- উপরদিকের মার্গ ১০px
- ডানদিকের মার্গ ও বামদিকের মার্গ ৫px
- নীচের মার্গ ১৫px
উদাহরণ ৩
margin:10px 5px;
- উপরদিকের মার্গ ও নীচের মার্গ ১০px
- ডানদিকের মার্গ ও বামদিকের মার্গ ৫px
উদাহরণ ৪
margin:10px;
- সমস্ত ৪টি মার্গ ১০px
আরও দেখুন:
CSS শিক্ষানীতি:CSS বাহ্যত্ব
HTML DOM পরিচ্ছেদক:margin প্রতিশব্দ
CSS য়াকৃতি
margin: length|auto|initial|inherit;
প্রতিশব্দ
| মান | বর্ণনা |
|---|---|
| auto | ব্রাউজার মার্গ গণনা করে。 |
| length | বিশেষ ইউনিটে মার্গ মান নির্দেশ করুন, যেমন পিক্সেল, সেন্টিমিটার ইত্যাদি।ডিফল্ট মান 0px। |
| % | অন্তর্ভুক্ত এলাকার প্রস্থ প্রতিশতে মার্গ নির্দেশ করুন。 |
| inherit | প্রকৃত মার্গকে পিতৃতৃতীয় এলাকা থেকে উত্তরণ করা উচিত। |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | 0 |
|---|---|
| পৃথক সমর্থন: | no |
| সংস্করণ: | CSS1 |
| JavaScript য়াকৃতি: | object.style.margin="10px 5px" |
আরও উদাহরণ
- সমস্ত মার্গ এটিওয়ার্ড একটি ঘোষণাতে
- এই উদাহরণটি সমস্ত মার্গ এটিওয়ার্ড প্রতিষ্ঠানকে একটি ঘোষণাতে সেট করতে কিভাবে দেখায়。
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই প্রক্রিয়াটির প্রথম ব্রাউজার সংস্করণটির পূর্ণ সমর্থনকে নির্দেশ করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- পূর্বপৃষ্ঠ list-style-type
- পরবর্তী পৃষ্ঠা margin-block
