| Font style | It sets the font style. We can set our text as normal, bold, italic, oblique as per our requirement |
font-style: normal | italic | oblique |
|---|
| Font Variant | It sets the font variation. We can set the variant of the font as uppercase or lowercase, small-caps etc as per required by the user. |
font-variant: normal | small-caps |
|---|
| Font Weight | Sets the font weight. It helps us to set the weight of the font as normal, bold, bolder lighter and we can also set it in numerics. |
font-weight: normal | bold | bolder | lighter | 100 - 900 |
|---|
| Vertical Alignment | Sets the alignment i.e. where text is shown. It will help to adjust our text where it will appear. |
vertical-align: baseline | 10px | sub | super | top | text-top | middle | bottom | text-bottom | initial |
|---|
| Text Transform | It sets how text is written. It will define the text as uppercase, lowercase or capitalized. |
text-transform: capitalise | lowercase | uppercase |
|---|
| Font Size | It sets the font size. It helps us to define the size of our font to make our web page more attractive. |
font-size: 12px | 0.8em | 80% |
|---|
| Space Between Characters | It defines the space between characters. It helps to adjust the spacing between two characters. |
letter-spacing: normal | 4px |
|---|
| Line Height | It sets the height of the line. It defines the height of the line. |
line-height: normal | 3em | 34% |
|---|
| Horizontal Alignment | Sets the horizontal alignment of the content. It helps to align the text horizontally whether it is left, right, centre or align. |
text-align: left | right | center | justify |
|---|
| Text Align Last | The text-align-last CSS property specifies how the last line of a block or line should be oriented before a forced line break. |
text-align-last: auto | left | right | center | justify | start | end | initial | inherit |
|---|
| Text Decoration | Text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness are all shorthand for this property. |
text-decoration: none | underline | overline | line-through |
|---|
| Indent First Line | The indentation of the initial line in a text block is controlled by the text-indent attribute. |
text-indent: 25px |
|---|
| Font Family | Sets the font family of the text by linking the font families from google to the HTML. |
font-family: 'Open Sans', sans-serif |
|---|
| Text Justify | Specifies the justification method of text when text-align is set to "justify". |
text-justify: auto | inter-word | inter-character | none |
|---|
| Text Overflow | Sets how hidden overflow content is signalled to the user. |
text-overflow: clip | ellipsis | string | initial | inherit |
|---|
| Text Shadow | Sets the shadow of text in any direction. |
text-shadow: h-shadow v-shadow blur-radius color | none | initial | inherit |
|---|
