⭕ place-content CSS Style Property

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

דוגמא: יישור תוכן בתוך גריד

Demo Panel:

CSS: 111

HTML: 222

Syntax:

Valid values:

baseline
first, last, center, end, flex-end, flex-start, left, normal, right, space-around, space-between, space-evenly, start, stretch

Js Syntax: element.style.placeContent

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

place-content
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
start center	✔️	✔️	✔️	✔️
center start	✔️	✔️	✔️	✔️
end left	✔️	✔️	✔️	✔️
flex-start center	✔️	✔️	✔️	✔️
flex-end center	✔️	✔️	✔️	✔️
baseline center	✔️	✔️	✔️	✔️
first baseline space-evenly	✔️	✔️	✔️	✔️
space-between space-evenly	✔️	✔️	✔️	✔️
space-around space-evenly	✔️	✔️	✔️	✔️
space-evenly stretch	✔️	✔️	✔️	✔️
stretch space-evenly	✔️	✔️	✔️	✔️
last baseline right	❌	✔️	❌	❌

תפריט ראשי

מאפייני CSS

⭕ place-content CSS Style Property

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