CSS-এ একটি এলিমেন্টের পজিশনিং static হিসেবে ডিফাইন করা যায় যা এলিমেন্টকে কোনো specjalভাবে না রেন্ডার করে বরং নরমালভাবে রেন্ডার করে। Static পজিশনিং থাকা এলিমেন্টগুলো CSS পজিশনিং প্রপার্টি (left, right, top, bottom) থেকে প্রভাবিত হয় না।
উদাহরণ
CSS Static Positioning মেথডের উদাহরণ:
<!DOCTYPE html> <html> <head> <style> p { margin: 0; } div:first-child { position: static; background-color: orange; text-align: center; } </style> </head> <body> <div>Demo text</div> <p>This is demo text wherein we are displaying an example for static positioning.</p> <div></div> </body> </html>
আউটপুট
উপরোক্ত কোডের আউটপুট:
উদাহরণ
আরেকটি পজিশনিং মেথড উদাহরণ:
<!DOCTYPE html> <html> <head> <style> div { border: 2px double #a43356; margin: 5px; padding: 5px; } #d1 { position: relative; height: 10em; } #d2 { position: absolute; width: 20%; bottom: 10px; /*relative to parent d1*/ } #d3 { position: fixed; width: 30%; top:10em; /*relative to viewport*/ } </style> </head> <body> <div id="d1">This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. <mark>relative</mark> <div id="d2"><mark>absolute</mark></div> <div id="d3"><mark>fixed</mark></div> </div> </body> </html>
আউটপুট
উপরোক্ত কোডের আউটপুট:
