מאפיין position

מאפיין position קובע את שיטת המיקום של האלמנט בתזרים — האם הוא חלק מהזרימה הרגילה או מנותק ממנה ומוצב ביחס לקונטיינר/מיקום מסוים. משפיע גם על משמעות top/right/bottom/left.

.pill { position: absolute; }

.sticky-header { position: sticky; top: 0; z-index: 10; }

staticברירת המחדל. האלמנט חלק מהזרימה הרגילה; top/right/bottom/left/z-index לא משפיעים.

relativeהאלמנט נשאר בזרימה, אך מוזז ויזואלית ביחס למיקום המקורי שלו. משמש בעיקר כעוגן ל-absolute.

absoluteהאלמנט מוצא מהזרימה ומוצב ביחס לאב הקרוב המוצב (non-static). אינו תופס מקום.

fixedהאלמנט מוצא מהזרימה ומקובע ביחס ל-viewport. לא נע בעת גלילה.

stickyהכלאה — האלמנט בזרימה רגילה עד שהוא חוצה סף גלילה, ואז מתנהג כמו fixed עד יציאת המיכל מהתצוגה.

CSS Positioned Layout Module Level 3

Editor's Draft

W3C MDN

CSS

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next