Style Line Text For Free

The text-decoration-style property sets the style of the text decoration (like solid, wavy, dotted, dashed, double). Tip: Also look at the text-decoration property, which is a short-hand property for text-decoration-line, text-decoration-style, text-decoration-color, and text-decoration-thickness.

You can create a straight and horizontal line within CSS by using the <hr> tag or the border-bottom property.

The text-decoration-line CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.

CSS provides four common properties to alter the visual weight/emphasis of text: font-style : Used to turn italic text on or off. ... font-weight : Sets how bold the text is. ... text-transform : Allows you to set your font to be transformed.

You simply determine the element that you want to change the font of with a CSS selector, add the font-family property, and include the name of the font as the value. Values can either be font family names like Arial and "Open Sans" or generic font declarations such as serif or monospace .

With the basics of the CSS language covered, the next CSS topic for you to concentrate on is styling text ? one of the most common things you'll do with CSS. Here we look at text styling fundamentals including setting font, boldness, italics, line and letter spacing, drop shadows, and other text features.

Change the font for all text using styles Click Format > Text Styles. In the Item to Change list, click All, then select the font, size, or color you want for all text in the current view. ... Repeat this process for other views.