box tag

Presentation container tag

Displays its contents in a rectangle.

Sample usage

<box {Hello}> displays Hello in a box.
<box width=200 border=2 borderColor={orange} align={center} {Centred}> displays a 200-pixel-wide box with an orange border and centred text.
<box inline=false top=0 left=0 right=0 height=40 {Title}> displays a bar across the top of its container.

Fields

Primary field

Presentation container field

The content of the box: text, values and other presentation tags.

Secondary fields

Standard presentation fields (must be initialised at tag creation):
align field
backgroundColor field
bold field
border field
borderBottom field
borderColor field
borderLeft field
borderRight field
borderStyle field
borderTop field
bottom field
color field
editable field
focus field
focusOrder field
font field
height field
hotKey field
inline field
italic field
layer field
left field
margin field
marginBottom field
marginLeft field
marginRight field
marginTop field
onClick field
onContextClick field
onFocus field
onInput field
onKeyDown field
onKeyPress field
onKeyUp field
onMouseDown field
onMouseIn field
onMouseMove field
onMouseOut field
onMouseUp field
pivot field
right field
rotate field
scroll field
scrollPos field
selectable field
size field
spacing field
spacingBottom field
spacingLeft field
spacingRight field
spacingTop field
top field
transition field
underline field
visible field
width field
wrap field

Behaviour

A box keeps its contents together in a rectangle. By default it sits in the flow of surrounding content like a single large character (inline=true) and grows to fit its contents. Giving it a width and height fixes its size; content that doesn't fit is hidden unless scroll=true.

With inline=false, the box is taken out of the flow and positioned against the edges of its container with top, left, right and bottom.

Notes

margin is the space inside the border, and spacing the space outside it. (In web design, these are called padding and margin.)