The text-rendering property in CSS allows you to choose quality of text over speed (or vice versa) allowing you to fine tune optimization by suggesting to the browser as to how it should render text on the screen. Said another way in MDN: The text-rendering CSS property provides information to the rendering engine about what
T
The text-overflow property in CSS deals with situations where text is clipped when it overflows the element’s box. It can be clipped (i.e. cut off, hidden), display an ellipsis (‘…’, Unicode Range Value U+2026) or display an author-defined string (no current browser support for author-defined strings). .ellipsis { text-overflow: ellipsis; /* Required for text-overflow to
The text-indent property specifies how much horizontal space text should be moved before the beginning of the first line of the text content of an element. Spacing is calculated from the starting edge of the block-level container element. The starting edge is usually on the left, but can be right if in right-to-left mode, ala
The text-decoration property is used to add visual emphasis to content that is independent from the text’s font style, weight or other properties. <p class=”underline”>Underlined Text</p> <p class=”overline”>Overline Text</p> <p class=”strikethrough”>Stricken Text</p> <p class=”blink”>Blinking Text (may not work in your browser!)</p> .underline {text-decoration: underline;} .overline {text-decoration: overline;} .strikethrough {text-decoration: line-through;} .blink {text-decoration: blink;} body {