✔️ place-items CSS Style Property

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

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

Demo Panel:

CSS: 111

HTML: 222

Syntax:

Valid values:

first baseline, last baseline, baseline, center, start, end, self-start, self-end, flex-start, flex-end, normal, stretch, anchor-center, normal, stretch, center, anchor-center, revert, revert-layer, unset, inherit, initial
left, right, legacy

Js Syntax: element.style.placeItems

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

place-items
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
normal start	✔️	✔️	✔️	✔️
center	✔️	✔️	✔️	✔️
center normal	✔️	✔️	✔️	✔️
start legacy	✔️	✔️	✔️	✔️
end normal	✔️	✔️	✔️	✔️
self-start legacy	✔️	✔️	✔️	✔️
self-end normal	✔️	✔️	✔️	✔️
flex-start legacy	✔️	✔️	✔️	✔️
flex-end normal	✔️	✔️	✔️	✔️
baseline normal	✔️	✔️	✔️	✔️
first baseline legacy	✔️	✔️	✔️	✔️
last baseline normal	✔️	✔️	✔️	✔️
stretch legacy	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️

תפריט ראשי

מאפייני CSS

✔️ place-items CSS Style Property

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