# Text Box

- Horizontal alignment : Set the horizontal alignment. (It is align left, center, align right, justify in order from left.)
  ![align-horizontal]

- Vertical alignment : Set the vertical alignment. (It is align top, center, align bottom in order from left.)
  ![align-vertical]


- Markdown Format : Supports the following two formatting marks in text content.
  - **bold text** : text surrounded by ** or __ will be displayed in bold font.
  - *italic text* : text surrounded by * or _ will be displayed in italic font.

- Text Wrap: Allow long words to be able to break and wrap onto the next line:

- Text Ellipsis: if text wrapping is not selected, you can choose the text ellipsis option.
  - none : do not shorten.
  - ellipsis : the part that exceeds the width of the component will be shortened to '...'.
  - clip : the part that exceeds the width of the component will not be visible.

- Margin : Set the top, bottom, left and right margins of text.
  ![text-margin]

[align-horizontal]: ../images/common-property-text-align-horizontal.png
[align-vertical]: ../images/common-property-text-align-vertical.png
[text-margin]: ../images/common-property-text-margin.png
