كل هذه قيم صحيحة للخاصية position:
static: الافتراضية، العنصر في مكانه الطبيعي.relative: في مكانه، مع إمكانية إزاحته قليلًا.absolute: يخرج من التدفق، ويتموضع بالنسبة لأقرب أب ليس static.fixed: ثابت بالنسبة للشاشة أثناء التمرير.sticky: يلتصق عند وصوله لموضع معين أثناء التمرير.
مثال شائع
.card { position: relative; }
.card .badge {
position: absolute;
top: 8px;
inset-inline-end: 8px;
}الشارة تتموضع في زاوية البطاقة، لأن البطاقة relative.