Text

Introduction

The text properties are used to define the font effects to text elements.

Text Properties

PropertyValuesDescription
Font Familyvalue, inheritSet an font family.
Colorcolor, transparentSet the text color.
Weight300, 400, 500, 600, 700Sets how thick or thin characters in text should be displayed.
Font Sizenumber, inheritSets the size of a font.
Line Heightnumber, inheritSet the leading.
Stylenormal, italicSpecifies the font style for a text.
Transformnone, capitalize, uppercase, lowercaseControls the capitalization of text.
Decarationnone, overline, through, underlineSpecifies the decoration added to text.
Alignleft, center, right, justifySpecifies the horizontal alignment of text in an element.
Text Shadowvalue, noneAdds shadow to text.
Breakingnormal, nowrap, pre, pre-line, pre-wrapSpecifies how white-space inside an element is handled.
Letter SpacingnumberIncreases or decreases the space between characters in a text.
Word SpacingnumberIncreases or decreases the white space between words.
ColumnsnumberAllows easy definition of multiple columns of text – just like in newspapers.
Directionltr, rtlSpecifies the text direction/writing direction within a block-level element.
Was this article helpful?
YesNo

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor