css מאפייני place place-self

✔️ place-self CSS Style Property

המאפיין place-self מאפשר לך ליישר פריט בודד הן בכיוון הבלוק והן בכיוון המוטבע בו-זמנית (כלומר מאפייני ה-align-self ו-justify-self) במערכת פריסה רלוונטית כגון Grid או Flexbox. אם הערך השני אינו קיים, הערך הראשון משמש גם עבורו.

דוגמא: יישור פריט בודד

Demo Panel:
CSS: 111
HTML: 222
Syntax:

Valid values:
  • first, last
  • baseline, auto, center, end, flex-end, flex-start, left, normal, right, self-end, self-start, start, stretch, safe, unsafe

Js Syntax: element.style.placeSelf

תאימות דפדפנים

place-self
הערך שנבדקChromeFirefoxEdgeCOpera
normal start✔️✔️✔️✔️
auto center✔️✔️✔️✔️
center normal✔️✔️✔️✔️
start auto✔️✔️✔️✔️
end normal✔️✔️✔️✔️
self-start auto✔️✔️✔️✔️
self-end normal✔️✔️✔️✔️
flex-start auto✔️✔️✔️✔️
flex-end normal✔️✔️✔️✔️
baseline normal✔️✔️✔️✔️
first baseline auto✔️✔️✔️✔️
last baseline normal✔️✔️✔️✔️
stretch auto✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️