מאפיין container-type

מאפיין container-type הופך אלמנט למיכל שאילתות — קובע אילו @container queries יכולות למקד אותו. inline-size הכי שכיח (לרוב responsiveness).

.card { container-type: inline-size; }

.panel { container-type: size scroll-state; }

normalערך ברירת המחדל. לא מיכל שאילתות.

sizeמיכל שאילתות גודל בשני הצירים.

inline-sizeמיכל שאילתות גודל בציר inline בלבד (לא משבש layout).

scroll-stateמיכל שאילתות מצב גלילה.

CSS Conditional Rules Module Level 5

Working Draft

A header

Resize the page to see the effect.

Show all code