[{"data":1,"prerenderedAt":124},["ShallowReactive",2],{"help-article-\u002Fde\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,"rawbody":119,"seo":120,"stem":121,"updated":122,"__hash__":123},"helpDe\u002Fhelp\u002Fexpressions-and-logic\u002Felement-metadata-subproperties.de.md","Element-Metadaten (Sub-Eigenschaften)",{"type":7,"value":8,"toc":108},"minimark",[9,18,21,76,83,90],[10,11,12,13,17],"p",{},"Jedes Element stellt seine Live-Maße bereit, sodass sich ein Element relativ zu einem anderen positionieren oder dimensionieren kann. Du liest sie als ",[14,15,16],"code",{},"element.property",", mit dem Namen des Elements und einem Punkt.",[10,19,20],{},"Die Maße, die du lesen kannst:",[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",": die Größe des Elements.",[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",": die Position jeder Kante.",[25,64,65,33,70,75],{},[28,66,67],{},[14,68,69],{},"x",[28,71,72],{},[14,73,74],{},"y",": die Position des Elements.",[10,77,78,79,82],{},"Setze zum Beispiel die Y-Position einer Caption auf ",[14,80,81],{},"headline.bottom + 20",", und die Caption sitzt immer 20 Pixel unterhalb der Headline, egal wie lang die Headline wird. Ändere die Headline, und die Caption folgt automatisch.",[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],{},"Diese Maße aktualisieren sich live, wenn sich der Inhalt ändert, was Layouts möglich macht, die auf ",[94,95,97],"a",{"href":96},"\u002Fhelp\u002Fexpressions-and-logic\u002Fguide-dynamic-text-layouts","dynamischen Text"," reagieren. Eine ",[94,100,102],{"href":101},"\u002Fhelp\u002Finput-fields\u002Finput-fields-collection","Collection"," stellt außerdem ",[14,105,106],{},".length"," bereit, die Anzahl der aktuell enthaltenen Einträge.",{"title":88,"searchDepth":109,"depth":109,"links":110},2,[],"expressions-and-logic","Lies die Live-Maße eines Elements, etwa Breite, Höhe und Position, um andere Elemente zu steuern.","md",[],{},true,30,"\u002Fhelp\u002Fexpressions-and-logic\u002Felement-metadata-subproperties.de","---\ntitle: \"Element-Metadaten (Sub-Eigenschaften)\"\ndescription: \"Lies die Live-Maße eines Elements, etwa Breite, Höhe und Position, um andere Elemente zu steuern.\"\ncategory: expressions-and-logic\norder: 30\nkeywords: []\n---\nJedes Element stellt seine Live-Maße bereit, sodass sich ein Element relativ zu einem anderen positionieren oder dimensionieren kann. Du liest sie als `element.property`, mit dem Namen des Elements und einem Punkt.\n\nDie Maße, die du lesen kannst:\n\n- **`width`**, **`height`**: die Größe des Elements.\n- **`left`**, **`right`**, **`top`**, **`bottom`**: die Position jeder Kante.\n- **`x`**, **`y`**: die Position des Elements.\n\nSetze zum Beispiel die Y-Position einer Caption auf `headline.bottom + 20`, und die Caption sitzt immer 20 Pixel unterhalb der Headline, egal wie lang die Headline wird. Ändere die Headline, und die Caption folgt automatisch.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F8aba5b9e-8ba3-46c7-0f1b-c0be7f85ef00\u002Fmax)\n\nDiese Maße aktualisieren sich live, wenn sich der Inhalt ändert, was Layouts möglich macht, die auf [dynamischen Text](\u002Fhelp\u002Fexpressions-and-logic\u002Fguide-dynamic-text-layouts) reagieren. Eine [Collection](\u002Fhelp\u002Finput-fields\u002Finput-fields-collection) stellt außerdem `.length` bereit, die Anzahl der aktuell enthaltenen Einträge.\n",{"title":5,"description":112},"help\u002Fexpressions-and-logic\u002Felement-metadata-subproperties.de","2026-06-16","48nxa3EDW0eqv9E-LkoShHKFNhAT_oRHP-q7SIf3Cew",1789381384481]