CSS text-decoration-style Property

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP




<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->




CSS text-decoration-style Property



❮ Previous
Complete CSS Reference
Next ❯



Example


Set different types of text-decoration styles:



div.a

   
text-decoration-line: underline;
   
text-decoration-style: solid;


div.b

   
text-decoration-line: underline;

   
text-decoration-style: wavy;


div.c

   
text-decoration-line: underline;

   
text-decoration-style: double;


div.d

   
text-decoration-line: overline underline;

   
text-decoration-style: wavy;

Try it Yourself »

Definition and Usage


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, and
text-decoration-color. 














Default value: solid
Inherited: no
Animatable: no. Read about animatable
Version: CSS3
JavaScript syntax: object.style.textDecorationStyle="wavy"
Try it

Browser Support


The numbers in the table specify the first browser version that fully supports the property.


Numbers followed by -moz- specify the first version that worked with a prefix.















Property
text-decoration-style 57.0 Not supported 36.0
6.0 -moz-		 Not supported 44.0




<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]
-->



CSS Syntax



text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;


Property Values



























Value Description Play it
solid Default value. The line will display as a single line Play it »
double The line will display as a double line Play it »
dotted The line will display as a dotted line Play it »
dashed The line will display as a dashed line Play it »
wavy The line will display as a wavy line Play it »
initial Sets this property to its default value. Read about initial
 Play it »
inherit Inherits this property from its parent element. Read about inherit

Related Pages


CSS tutorial: CSS Text


HTML DOM reference: textDecorationStyle property




❮ Previous
Complete CSS Reference
Next ❯

-

Popular posts from this blog

CNN

Image
Clash Royale CLAN TAG #URR8PPP This article is about the channel. For other uses, see CNN (disambiguation). American news channel CNN Launched June 1, 1980 ; 38 years ago  ( 1980-06-01 ) Owned by Turner Broadcasting System Picture format 1080i (HDTV) (480i letterboxed for SDTV feed) Slogan Go There This is CNN The Most Trusted Name in News Facts First The Worldwide Leader in News Reporting from around the World Country United States Language English Broadcast area United States Canada Online (for US and Canadian pay-TV subscribers via CNNGo) Radio (news reports on the half-hour) Headquarters CNN Center Atlanta, Georgia Sister channel(s) CNN International CNN Philippines CNN Indonesia CNN-News18 CNN Airport Network CNN Türk CNN en Español HLN CNN Chile Website www.cnn.com TV schedule (North America) Availability Satellite DirecTV (U.S.) Channel 202 Channel 1202 (VOD) Dish Network Channel 200 Channel 9436 Bell TV (Canada) Channel 500 (SD) Channel 1500 (HD) Shaw Dire...
Read more

David Cameron

Image
Clash Royale CLAN TAG #URR8PPP For other people named David Cameron, see David Cameron (disambiguation). The Right Honourable David Cameron Prime Minister of the United Kingdom In office 11 May 2010 – 13 July 2016 Monarch Elizabeth II Deputy Nick Clegg (2010–2015) First Secretary William Hague George Osborne Preceded by Gordon Brown Succeeded by Theresa May Leader of the Opposition In office 6 December 2005 – 11 May 2010 Monarch Elizabeth II Prime Minister Tony Blair Gordon Brown Preceded by Michael Howard Succeeded by Harriet Harman Leader of the Conservative Party In office 6 December 2005 – 11 July 2016 Chairman Francis Maude Caroline Spelman Eric Pickles The Lord Feldman of Elstree The Baroness Warsi Grant Shapps Preceded by Michael Howard Succeeded by Theresa May Shadow Secretary of State for Education and Skills In office 6 May 2005 – 6 December 2005 Leader Michael Howard Shadowing Ruth Kelly Preceded by Tim Collins Succeeded by ...
Read more

JavaScript Let

Image
Clash Royale CLAN TAG #URR8PPP <!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> JavaScript Let ❮ Previous Next ❯ ECMAScript 2015 ES2015 introduced two important new JavaScript keywords: let and const . These two keywords provide Block Scope variables (and constants) in JavaScript. Before ES2015, JavaScript had only two types of scope: Global Scope and Function Scope .  Global Scope Variables declared Globally (outside any function) have Global Scope . Example var carName = "Volvo"; // code here can use carName function myFunction()     // code here can also use carName Try it Yourself » Global variables can be accessed from anywhere in a JavaScript program. Function Scope Variables declared Locally (inside a function) have Function Scope . Example // code here can NOT use carName function myFunction()     var carName = "Volvo";     // code here CAN use carName // code here can NOT ...
Read more