Skip to content

Block Styles

Block elements have a number of style properties that determine their appearance on the page. These are:

  1. background-color
  2. margin
  3. border-weight
  4. border-color
  5. border-radius
  6. padding
  7. text-align
  8. v-align
  9. h-align
  10. width
  11. height
  12. min-width
  13. min-height
  14. max-width
  15. max-height
  16. break
  17. prevent-last
  18. orphan-lines-threshold
  19. wrap
  20. line-height

The border properties margin, border-weight, border-color, and padding can be used as attributes directly (in which case the value is applied to all sides), or used to reference a specific side, either left, top, right, or bottom. For example:

xml
<p style="margin=4pt; border-weight-top=2pt; border-color-top=black">
	Example text.
</p>

            
<frame border-weight="2pt" border-color="#e387ff">
    Lorem ipsum dolor sit amet,
    consectetur adipiscing elit.
<frame/>
            
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

            
<frame background-color="#e387ff">
    Lorem ipsum dolor sit amet,
    consectetur adipiscing elit.
<frame/>
            
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

            
<h-stack v-align="bottom" h-align="center">
    Lorem ipsum dolor sit amet,
    consectetur adipiscing elit.
</h-stack>
            
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit.