মার্জিন কি? মার্জিনের ব্যবহার ।

মার্জিন কি? মার্জিনের ব্যবহার ।

আজকে আপনাদের খুব গুরুত্তপুরন একটি বিষয় দেখেব। আশা করি সবাই মন দিয়ে জেনে নিবেন।

<!DOCTYPE html>
<html>
<head>
<style>
p
{
background-color:yellow;
}
p.margin
{
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
}
</style>
</head>

<body>
<p>This is a paragraph with no specified margins.</p>
<p class=”margin”>This is a paragraph with specified margins.</p>
</body>

</html>

ফলাফলঃ

Untitled

এখানে লক্ষ করলে দেখবেন প্রথম লাইন এ ডান পাশে অনেক খানি জায়গা হলুদ আছে। এখনে আমি ৫০ পিক্সেল মারজিন নিয়েছি।

আবার, দেখবেন আমি প্রথম লাইন এর পরে অনেক খানি জায়গা রেখে দিয়েছি। মুলত এটি (মারজিন বোটম) এখানে আমি ১০০ পিক্সেল জায়গা রেখেছি।

এই পিক্সেল আপনার পেজ/লেখার ছারপাশ/দিকে ব্যবহার করতে পারবেন।

মারজিন যেভাবে দিবেনঃ

মার্জিন টপঃ ১০ পিক্সেল

মার্জিন লেফতঃ ১০ পিক্সেল

মার্জিন রাইট  ১০ পিক্সেল

মার্জিন বোটমঃ ১০ পিক্সেল

আশা করি আপনাদের বঝাতে পেরেছি মার্জিন কি? কিভাবে এটা ব্যবহার করতে হয়।

বিঃদ্রঃ পিক্সেল এর (মাপ) আপনার ব্যবহারের উপর নির্ভর করবে।

About fsmoynul

একটি উত্তর দিন