Coding for Beginners: CSS Basics #72— How to Use the Text-Decoration Property

Опубликовано: 05 Октябрь 2024
на канале: Designers Learn Code
14
0

Interested in Web Access Pro to analyze and fix Accessibility Errors on your site? Get your 14 Day Free Trial: https://join.designerslearncode.com/w...

The Daily Code Snippet is part of our "Coding for Beginners" video series for designers to learn the basics of HTML and CSS coding. We teach a single, easy to understand concept in each video so that you can learn to code even if you have a busy schedule. Subscribe here:    / @designerslearncode  

------

Text-decoration will add or remove available text decorations on your fonts like an underline.

Here are the available values:

none is the default and removes any text decorations already present

overline adds a text overline

underline adds an underline to the text

line-through adds a strikethrough over the text

The most common use of text-decoration is to remove the default underline that is added to links.

Text-decoration can accept multiple values. So for example you can add both an underline and an overline.

Text-decoration is actually a shorthand for text-decoration-line, text-decoration-style, and text-decoration-color.

#HTML #CSS #coding #web #accessibility #textdecoration #removingtheunderlinefromlinks #addinganunderlinetotext #addinganoverlinetotext #addingastrikethroughthroughtext #howtousethetext-decorationproperty #typography #webtypography #codinglife #webdesign #designerslearncode #dailycodesnippet #codingforbeginners #tags #openingtag #closingtag #learntocode #codingtutorial #htmltutorial #csstutorial #webdevelopment #htmltutorialforbeginners #csstutorialforbeginners #programmingforbeginners #htmlcssfullcourse