كل هذه قيم صحيحة للخاصية position:

• static: الافتراضية، العنصر في مكانه الطبيعي.
• relative: في مكانه، مع إمكانية إزاحته قليلًا.
• absolute: يخرج من التدفق، ويتموضع بالنسبة لأقرب أب ليس static.
• fixed: ثابت بالنسبة للشاشة أثناء التمرير.
• sticky: يلتصق عند وصوله لموضع معين أثناء التمرير.

مثال شائع

.card { position: relative; }

.card .badge {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
}

الشارة تتموضع في زاوية البطاقة، لأن البطاقة relative.