✔️ place-self CSS Style Property

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

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

Demo Panel:

CSS: 111

HTML: 222

Syntax:

Valid values:

auto center, normal start, 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
center, start, end, self-start, self-end, flex-start, flex-end
auto, normal, stretch, anchor-center
auto, normal, stretch, baseline left, baseline right, anchor-center
first baseline, last baseline, baseline

Js Syntax: element.style.placeSelf

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

place-self
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
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	✔️	✔️	✔️	✔️

תפריט ראשי

מאפייני CSS

✔️ place-self CSS Style Property

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