Mastering Text Styling in CSS
text-decoration
The text-decoration
property can be applied to any text content, including links, headings, paragraphs, and lists. It adds line effects such as underlining. Common values:
text-decoration: none | line-through | underline | overline
Let's run the following example and see the difference between all the property values.
index.html
styles.css
Output
text-transform
The text-transform
property allows us to change the capitalization of text content in HTML elements.
text-transform: capitalize | lowercase | uppercase | none
Let's consider the difference between all the property values:
index.html
styles.css
Output
text-align
The text-align
property allows you to horizontally align text content.
text-align: start | end | center | justify
index.html
styles.css
Output
1. What CSS property allows to change the capitalization of text content?
2. What CSS property allows to horizontally align text content?
3. What CSS property allows you to add visual effects to the text content, such as underline or strike-through?
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 1