CSS Text Styling Cheat Sheet

This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties.

font-style: normal | italic | obliqueFont style
font-variant: normal | small-capsFont Variant
font-weight: normal | bold | bolder | lighter | 100 - 900Font Weight
vertical-align: baseline | 10px | sub | super | top | text-top | middle | bottom | text-bottom | initialVertical Alignment
text-transform: capitalise | lowercase | uppercaseText Transform
font-size: 12px | 0.8em | 80%Font Size
letter-spacing: normal | 4pxSpace Between Characters
line-height: normal | 3em | 34%Line Height
text-align: left | right | center | justifyHorizontal Alignment
text-align-last: auto | left | right | center | justify | start | end | initial | inheritText Align Last
text-decoration: none | underline | overline | line-throughText Decoration
text-indent: 25pxIndent First Line
font-family: 'Open Sans', sans-serifFont Family
text-justify: auto | inter-word | inter-character | none | initial | inheritText Justify
text-overflow: clip | ellipsis | string | initial | inheritText Overflow
text-shadow: h-shadow v-shadow blur-radius color | none | initial | inheritText Shadow

Leave a Reply

Your email address will not be published. Required fields are marked *