CSS margin শর্টহ্যান্ড প্রপার্টি একটি এলিমেন্টের মার্জিন এলাকা সংজ্ঞায়িত করতে ব্যবহৃত হয়। এটি ঘড়ির কাঁটার দিকের ক্রমে মান সেট করে, অর্থাৎ margin-top, margin-right, margin-bottom এবং তারপর margin-left।
সিনট্যাক্স
CSS margin প্রপার্টির সিনট্যাক্স নিম্নরূপ:
Selector { margin: /*মান*/ }
নিচের উদাহরণগুলো CSS margin শর্টহ্যান্ড প্রপার্টি উদাহরণ দেয়:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div { margin: 7% auto -3% 25%; width: 40px; height: 40px; padding: 0.9rem; box-shadow: inset 0 0 50px turquoise; border: thin solid; } div > div { border-top-right-radius: 100px; border-bottom-right-radius: 500px; border-top-left-radius: 30px; box-shadow: inset 0 0 6px navy; } div > div > div { padding: 0.3em; margin: 2px -40px; box-shadow: inset 0 0 16px orange; border-radius: 50%; } #one { padding: 50px; border-radius: 10px; } </style> </head> <body> <div id="one"> <div> <div></div> </div> </div> </body> </html>
আউটপুট
আরেকটি উদাহরণ
<!DOCTYPE html> <html> <head> <style> article { margin: 2em 1em; background-color: bisque; } span { margin: -23% 83%; border-left: dashed; background-image: linear-gradient(to right, lightgreen, forestgreen); font-size: 1.4em; font-style: italic; } </style> </head> <body> <h2>What is Spring Framework?</h2> <article> Spring framework is an open source Java platform. It was initially written by Rod Johnson and was first released under the Apache 2.0 license in June 2003.<span> Spring is lightweight when it comes to size and transparency. The basic version of Spring framework is around 2MB.</span> </article> </body> </html>
আউটপুট
