The align attribute specifies how child elements of the box are aligned when the size of the box is larger than the total size of the children.
For boxes that have horizontal orientation, it specifies how its children will be aligned vertically.
For boxes that have vertical orientation, it is used to specify how its children are aligned horizontally

Acceptable values:

Value

Description

start

Child elements are aligned starting from the left or top edge of the box.
If the box is larger than the total size of the children, the extra space is placed on the right or bottom side.

center

Extra space is split equally along each side of the child elements, resulting in the children being placed in the center of the box.

end

Child elements are placed on the right or bottom edge of the box.
If the box is larger than the total size of the children, the extra space is placed on the left or top side.

stretch

The child elements are stretched to fit the size of the box. For a horizontal box, the children are stretched to be the height of the box.
For a vertical box, the children are stretched to be the width of the box.

For horizontally drawn elements the red border is shown, for vertically - the blue one.

false

flex *

Indicates the flexibility of the element, which indicates how an element's container distributes remaining empty space among its children.
Flexible elements grow and shrink to fit their given space.
Elements with larger flex values will be made larger than elements with lower flex values, at the ratio determined by the two elements.
The actual value is not relevant unless there are other flexible elements within the same container.
Once the default sizes of elements in a box are calculated, the remaining space in the box is divided among the flexible elements, according to their flex ratios.
Specifying a flex value of 0 has the same effect as leaving the flex attribute out entirely.

he pack attribute specifies where child elements of the box are placed when the box is larger that the size of the children.
For boxes with horizontal orientation, it is used to indicate the position of children horizontally.
For boxes with vertical orientation, it is used to indicate the position of children vertically.
The align attribute is used to specify the position in the opposite direction.

Acceptable values:

Value

Description

start

Child elements are placed starting from the left or top edge of the box.
If the box is larger than the total size of the children, the extra space is placed on the right or bottom side.

center

Extra space is split equally along each side of the child elements, resulting the children being placed in the center of the box.

end

Child elements are placed on the right or bottom edge of the box.
If the box is larger than the total size of the children, the extra space is placed on the left or top side.

stretch

The child elements are stretched to fit the size of the box.

popup *

Should be set to the value of the id of the popup element that should appear when the user clicks on the element.

tooltip *

Should be set to the value of the id of the popup element that should be used as a tooltip window when the mouse hovers over the element for a moment.

tooltiptext *

Used to set the text which appears in the tooltip when the user moves the mouse over the element.

Compares the reference node, i.e. the node on which this method is being called,
with a node, i.e. the one passed as a parameter, with regard to their position in
the document and according to the document order.

This method allows the dispatch of events into the implementation's event model. Return value indicates whether any of the listeners which handled the event called preventDefault method on Event object.