Style Text Text For Free

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.

The following properties are used to style text using CSS. color. This property helps us change the text color. letter-spacing. This property is used to set the spacing between characters. line-height. The height of a line is specified using this property. text-align. ... text-decoration. ... text-indent. ... text-shadow. ... text-transform.

HTML Formatting Elements <b> - Bold text. <strong> - Important text. <i> - Italic text. <em> - Emphasized text. <mark> - Marked text. <small> - Smaller text. <del> - Deleted text. <ins> - Inserted text.

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 .

10 Beautiful CSS Text Effects Text Rotation. This feature by Johathan Snook lets designers display the text in all angles. ... Shadow Effect. This has been around since the creation of Microsoft word. ... Slashed Effect. ... Animation Text. ... Background Clip Text. ... Animated Signature. ... Cosmos. ... Elastic Stroke Animation.

Chapter Summary Use the style attribute for styling HTML elements. Use background-color for background color. Use color for text colors. Use font-family for text fonts. Use font-size for text sizes. Use text-align for text alignment.

You used the <i> and <b> HTML elements to mark certain sections of text as being italic or bold. However, you can also use CSS to accomplish the same things. For example, the CSS font-weight declaration can be used not only to make your selected text bold, but also to specify how bold it should be.

The horizontal alignment of the text is controlled by text-align property. To underline, strikethrough or overline and style it, text-decoration is used. The indentation of the first line of an element is set by the text-ident property. To display a shadow around text, the text-shadow property is used.