HOME | PHP Tutorial | CSS
facebook icon
AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

CSS Text Decoration


CSS Tutorial » CSS Text Decoration


CSS text-decoration property specifies the decoration added to a text, and this is a shorthand property for:
text-decoration-style
text-decoration-color
text-decoration-line

We can add CSS Text Decoration as:

Internal - by using a <style> element in the <head> section
External - by using an external CSS file as style.css

Syntax:

Syntax: Internal & External CSS.
text-decoration: text-decoration-style|initial|inherit text-decoration-color text-decoration-line ;

Note: use external CSS instead.


How to create CSS Text Decoration - examples


You can try to execute the following code to change CSS Text Decoration of a text on this page.

Example:
Example 1, How to create CSS Text Decoration - examples:

  <!DOCTYPE html>
<html>
<head>
<title>How to create CSS Text Decoration - examples - example</title>
<style>
h1 {
text-decoration:overline;
}
p {
text-decoration:line-through;
}
span {
text-decoration:underline;
}
.text-decor {
text-decoration:underline overline blue;
}
h2 {
text-decoration:underline overline;
}
h3 {
text-decoration:underline overline dotted red;
}
</style>
</head>
<body>
<h1>How to create CSS Text Decoration Property for h1</h1>
<p>How to create CSS Text Decoration Property for paragraph</p><br />
<span>How to create CSS Text Decoration Property for paragraph</span><br /><br />
<div style="text-decoration:underline overline red;">Ccreate CSS Text Decoration Property inline</div><br />
<div class="text-decor">Ccreate CSS Text Decoration Property for div</div><br /> <h2>Create CSS Text Decoration Property for h2</h1><br /> <h3>This is heading 3 h3</h3>
</body>
</html>
Note: Use external CSS instead.

css text decoration, underline, href, remove link underline, color, size, dashed underline, none, line through width, dashed, underline padding, bold CSS Text Decoration - css tutorial

667. CSS tutorials - w3resource

https://www.w3resource.com/css/CSS-tutorials.php

3303. CSS Class and ID, The Difference Between ID and Class, css tutorial
CSS Class and ID, The Difference Between ID and Class css tutorial
https://www.agernic.com/css-tutorial/difference-between-id-and-class.html

3186. CSS max width - max height - CSS responsive, css tutorial
CSS max width - max height - CSS responsive css tutorial
https://www.agernic.com/css-tutorial/css-max-width-max-height-css-responsive.html

2593. Basic Syntax of CSS - How to Code CSS, css tutorial
Basic Syntax of CSS - How to Code CSS css tutorial
http://www.agernic.com/css-tutorial/syntax-of-css-how-to-code-css.html

2225. CSS Tutorial - Background
Once you specified you want no-repeat for your background image, the browser default behavior is to top-left align the image. And this takes us to the next background property
https://tutorialehtml.com/en/css-tutorial-background/

3178. CSS code, Tags, Example, CSS, Editor, Online Courses, Training
Online CSS Tutorial pdf, what is CSS, Online Courses, Classes, Training, Tutorials for Beginners - agernic.com is a free interactive Code, Tags, Example, CSS, Editor, Online Courses, Training for beginners
https://www.agernic.com/css-tutorial.html

Your add here
PHP htmlentities() function

PHP strtolower() function

PHP isset() Function

PHP wordwrap() function

PHP htmlspecialchars_decode() function

PHP substr() function

PHP strip_tags() function

PHP lcfirst() function

PHP str_split() function

PHP html_entity_decode() function

PHP explode() function

PHP ltrim() function

PHP similar_text() function

PHP md5() function

PHP ucwords() function

PHP trim() function

HTML comment one line and multiple lines
CSS Style Text
The loop statement: for, do...while, foreach and we add break - contin
SQL COUNT(), AVG() and SUM() Functions
PHP Function, Creating PHP Function - how? - example
SQL tutorial will teach you how to use SQL - Database