Display contains everything about an element rendering. It is the basis of every style, for every element. Each element can be block, inline, flow or flex.
Represents the style from outside the display. Can be inline, block, or flex-item.
Represents the style from inside a display. Can be flow, or flex (and containing flex details).
Contains all styles which can be applied to a block.
It is automatically instanciated by Display.block.
Represents the type of the list style. Can be none, disc, circle, square, decimal or georgian.
Represents the alignment inside a block. Can be center, right, left or justify.
Represents the text-overflow. Can be ellipsis.
Set the list style to none.
Set the list style to disc.
Set the list style to circle.
Set the list style to square.
Set the list style to decimal.
Set the list style to georgian.
Accepts the alignment and modifies the block accordingly.
Accepts a list of Overflow modifiers and modifies the block accordingly.
Modifies the block to give an text-overflow ellipsis.
## Dimensions
Accepts dimensions modifiers and modifies the block accordingly.
Compiles a DisplayBox to the corresponding CSS list of tuples.
Handles only defined styles, ignoring Nothing fields.
Represents a box and contains all the style inside. If the display is none, no style is included. Otherwise, the display type requires the corresponding styles. I.e. if using a flex container, then only styles applying to flex container can be used. If using a block container, only styles applying to block can be used, and so on.
You don't use it directly, but rather generating one with the corresponding functions, then giving it to a function which needs one. If you want to bypass it, you can use
Display.displayBoxToCouples, which generates the equivalent CSS.