Skip to content

Commit

Permalink
text-decoration-style support
Browse files Browse the repository at this point in the history
  • Loading branch information
DCoder18 authored and hteumeuleu committed Dec 16, 2023
1 parent 851e4f0 commit 6cf1ce2
Show file tree
Hide file tree
Showing 2 changed files with 234 additions and 0 deletions.
186 changes: 186 additions & 0 deletions _features/css-text-decoration-style.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,186 @@
---
title: "text-decoration-style"
description: "Sets the style of the lines specified by text-decoration-line."
category: css
keywords: underline
last_test_date: "2023-11-06"
test_url: "/tests/css-text-decoration-style.html"
test_results_url: "https://testi.at/proj/jalr04oy0yrxfd7kuo"
stats: {
apple-mail: {
macos: {
"2023-11": "y"
},
ios: {
"11": "n",
"12": "y",
"13": "y",
"14": "y"
}
},
gmail: {
desktop-webmail: {
"2023-11": "y"
},
ios: {
"2023-11": "y"
},
android: {
"6": "n",
"7": "n",
"8": "y",
"9": "y",
"10": "y",
"11": "y",
"12": "y",
"13": "y",
},
mobile-webmail: {
"2023-11": "y"
}
},
orange: {
desktop-webmail: {
"2023-11":"u",
"2023-11":"u"
},
ios: {
"2023-11":"u"
},
android: {
"2023-11":"u"
}
},
outlook: {
windows: {
"2013": "n",
"2016": "n",
"2019": "n"
"2021": "n"
},
windows-mail: {
"2023-11": "n"
},
macos: {
"2023-11": "y"
},
outlook-com: {
"2023-11": "y"
},
ios: {
"2023-11": "y"
},
android: {
"2023-11": "y"
}
},
yahoo: {
desktop-webmail: {
"2023-11": "y"
},
ios: {
"2023-11": "y"
},
android: {
"2023-11": "n"
}
},
aol: {
desktop-webmail: {
"2023-11": "y"
},
ios: {
"2023-11": "y"
},
android: {
"2023-11": "y"
}
},
samsung-email: {
android: {
"2023-11": "y"
}
},
sfr: {
desktop-webmail: {
"2023-11":"u"
},
ios: {
"2023-11":"u"
},
android: {
"2023-11":"u"
}
},
thunderbird: {
macos: {
"2023-11": "y"
}
},
protonmail: {
desktop-webmail: {
"2023-11":"u"
},
ios: {
"2023-11":"u"
},
android: {
"2023-11":"u"
}
},
hey: {
desktop-webmail: {
"2023-11":"u"
}
},
mail-ru: {
desktop-webmail: {
"2023-11":"y"
}
},
fastmail: {
desktop-webmail: {
"2023-11": "u"
}
},
laposte: {
desktop-webmail: {
"2023-11": "u"
}
},
gmx: {
desktop-webmail: {
"2023-11": "n"
},
ios: {
"2023-11":"u"
},
android: {
"2023-11":"u"
}
},
web-de: {
desktop-webmail: {
"2023-11": "n",
},
ios: {
"2023-11":"u"
},
android: {
"2023-11":"u"
}
},
ionos-1and1: {
desktop-webmail: {
"2023-11": "u"
},
android: {
"2023-11": "u"
}
}
}
links: {
"Can I use: CSS text-decoration-style":"https://caniuse.com/?search=text-decoration-style",
"MDN: text-decoration-style":"https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style"
}
---
48 changes: 48 additions & 0 deletions tests/css-text-decoration-style.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<!--[if mso]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<title>text-decoration-style</title>
<style>
h1 { margin-bottom: 40px; }
h2 { font-family: monospace; }
p {
margin-bottom: 40px;
font-size:20px;
}
</style>
</head>

<body>
<div style="max-width:600px; margin:0 auto; padding:30px 50px; background-color:#f4f4f4;">
<h1>text-decoration-style CSS property</h1>

<h2>text-decoration-style:solid</h2>
<p style="text-decoration-line:underline; text-decoration-style:solid;">Lorem Ipsum</p>

<h2>text-decoration-style:double</h2>
<p style="text-decoration-line:underline; text-decoration-style:double;">Lorem Ipsum</p>

<h2>text-decoration-style:dotted</h2>
<p style="text-decoration-line:underline; text-decoration-style:dotted;">Lorem Ipsum</p>

<h2>text-decoration-style:dashed</h2>
<p style="text-decoration-line:underline; text-decoration-style:dashed;">Lorem Ipsum</p>

<h2>text-decoration-style:wavy</h2>
<p style="text-decoration-line:underline; text-decoration-style:wavy;">Lorem Ipsum</p>

</div>
</body>

</html>

0 comments on commit 6cf1ce2

Please sign in to comment.