The size attribute defines the width and height of the bounding rectangle of a visual stimulus.
<button> <checkboxes> <clock> <dropdown> <html> <image> <listbox> <openended> <picture> <radiobuttons> <shape> <slider> <slidertrial> <text> <textbox> <video>
width variable | The width of the rectangle in pixels (default), percent, or points. If width is set to null and a height is specified, the width is set to the pixel size of the height. |
height variable | The height of the rectangle in pixels (default), percent, or points. If height is set to null and a width is specified, the height is set to the pixel size of the width. |
The size attribute is useful for presenting pictures and video in the same size, or long strings of text that should be wrapped over multiple lines. Text, pictures, shapes, and video are sized to fit within the bounding rectangle.
The following presents a sentence wrapped in a 100 by 200 pixel rectangle.
<text paragraph>
/ items=("The quick brown fox jumped over the lazy dog")
/ size=(100, 200)
</text>
The following presents a circle who's diameter is 20% the width of the screen.
<shape circle>
/ shape=circle
/ size=(20%, null)
</shape>