[{"data":1,"prerenderedAt":123},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Fexpressions-and-logic\u002Felement-metadata-subproperties":3},{"id":4,"title":5,"body":6,"category":111,"description":112,"extension":113,"keywords":114,"meta":115,"navigation":116,"order":117,"path":118,"seo":119,"stem":120,"updated":121,"__hash__":122},"help\u002Fhelp\u002Fexpressions-and-logic\u002Felement-metadata-subproperties.md","Element metadata (sub-properties)",{"type":7,"value":8,"toc":108},"minimark",[9,18,21,76,83,90],[10,11,12,13,17],"p",{},"Every element exposes its live measurements, so one element can position or size itself relative to another. You read them as ",[14,15,16],"code",{},"element.property",", using the element's name and a dot.",[10,19,20],{},"The measurements you can read:",[22,23,24,40,63],"ul",{},[25,26,27,33,34,39],"li",{},[28,29,30],"strong",{},[14,31,32],{},"width",", ",[28,35,36],{},[14,37,38],{},"height",": the element's size.",[25,41,42,33,47,33,52,33,57,62],{},[28,43,44],{},[14,45,46],{},"left",[28,48,49],{},[14,50,51],{},"right",[28,53,54],{},[14,55,56],{},"top",[28,58,59],{},[14,60,61],{},"bottom",": the position of each edge.",[25,64,65,33,70,75],{},[28,66,67],{},[14,68,69],{},"x",[28,71,72],{},[14,73,74],{},"y",": the element's position.",[10,77,78,79,82],{},"For example, set a caption's Y position to ",[14,80,81],{},"headline.bottom + 20"," and the caption always sits 20 pixels below the headline, however long the headline grows. Change the headline and the caption follows automatically.",[10,84,85],{},[86,87],"img",{"alt":88,"src":89},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F8aba5b9e-8ba3-46c7-0f1b-c0be7f85ef00\u002Fmax",[10,91,92,93,98,99,103,104,107],{},"These measurements update live as content changes, which is what makes layouts that react to ",[94,95,97],"a",{"href":96},"\u002Fhelp\u002Fexpressions-and-logic\u002Fguide-dynamic-text-layouts","dynamic text"," possible. A ",[94,100,102],{"href":101},"\u002Fhelp\u002Finput-fields\u002Finput-fields-collection","collection"," also exposes ",[14,105,106],{},".length",", the number of items it currently holds.",{"title":88,"searchDepth":109,"depth":109,"links":110},2,[],"expressions-and-logic","Read an element's live measurements, like width, height, and position, to drive other elements.","md",[],{},true,30,"\u002Fhelp\u002Fexpressions-and-logic\u002Felement-metadata-subproperties",{"title":5,"description":112},"help\u002Fexpressions-and-logic\u002Felement-metadata-subproperties","2026-06-16","ojaoeShUlORKlSoSRpC1PxDUkyGAhitlBQ9nR3ZtAv0",1787923687912]