Skip to content

Commit

Permalink
Support data: cell-spacing
Browse files Browse the repository at this point in the history
  • Loading branch information
DCoder18 authored and hteumeuleu committed Aug 27, 2024
1 parent b44a16b commit 6db4b12
Show file tree
Hide file tree
Showing 2 changed files with 239 additions and 0 deletions.
176 changes: 176 additions & 0 deletions _features/html-cell-spacing.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,176 @@
---
title: "cell-spacing"
description: "Represents the spacing around the individual `<th>` and `<td>` elements"
category: html
last_test_date: "2024-05-01"
test_url: "/tests/html-cell-spacing.html"
test_results_url: "https://testi.at/proj/rlpatnzxf3eyce9oc3"
stats: {
apple-mail: {
macos: {
"2024-05":"y"
},
ios: {
"2024-05":"y"
}
},
gmail: {
desktop-webmail: {
"2024-05":"y"
},
ios: {
"2024-05":"y"
},
android: {
"2024-05":"y"
},
mobile-webmail: {
"2024-05":"y"
}
},
orange: {
desktop-webmail: {
"2024-05":"u",
"2024-05":"u"
},
ios: {
"2024-05":"u"
},
android: {
"2024-05":"u"
}
},
outlook: {
windows: {
"2013":"y",
"2016":"y",
"2019":"y",
"2021":"y"
},
windows-mail: {
"2024-05":"y"
},
macos: {
"2024-05":"y",
},
outlook-com: {
"2024-05":"y",
"2024-01":"y"
},
ios: {
"2024-05":"y"
},
android: {
"2024-05":"y"
}
},
yahoo: {
desktop-webmail: {
"2024-05":"y"
},
ios: {
"2024-05":"y"
},
android: {
"2024-05":"y"
}
},
aol: {
desktop-webmail: {
"2024-05":"y"
},
ios: {
"2024-05":"y"
},
android: {
"2024-05":"y"
}
},
samsung-email: {
android: {
"2024-05":"y"
}
},
sfr: {
desktop-webmail: {
"2024-05":"u"
},
ios: {
"2024-05":"u"
},
android: {
"2024-05":"u"
}
},
thunderbird: {
macos: {
"2024-05":"y"
}
},
protonmail: {
desktop-webmail: {
"2024-05":"u"
},
ios: {
"2024-05":"u"
},
android: {
"2024-05":"u"
}
},
hey: {
desktop-webmail: {
"2024-05":"u"
}
},
mail-ru: {
desktop-webmail: {
"2024-05":"y"
}
},
fastmail: {
desktop-webmail: {
"2024-05": "u"
}
},
laposte: {
desktop-webmail: {
"2024-05": "u"
}
},
gmx: {
desktop-webmail: {
"2024-05":"y",
},
ios: {
"2024-05":"u"
},
android: {
"2024-05":"u"
}
},
web-de: {
desktop-webmail: {
"2024-05":"y",
},
ios: {
"2024-05":"u"
},
android: {
"2024-05":"u"
}
},
ionos-1and1: {
desktop-webmail: {
"2024-05": "u"
},
android: {
"2024-05": "u"
}
}
}
links: {
"MDN: cell-spacing":"https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableElement/cellSpacing",
"Can I use: cell-spacing":"https://caniuse.com/?search=cell-spacing"
}
---
63 changes: 63 additions & 0 deletions tests/html-cell-spacing.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head></head>
<head>
<meta charset="UTF-8" />
<title>cell-padding and cell-spacing</title>
<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:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style>
.td { background-color: green; }
</style>
</head>
<body style="text-align:center;">
<style>
.td { background-color: green; }
</style>

<h1 style="font-family:'mono';"> cell-padding and cell-spacing</h1>
<table style="background-color: lightgreen;" align="center" cellspacing="10" cellpadding="20">
<tbody>
<tr>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
</tr>
<tr>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
</tr>
</tbody>
</table>

<br>

<table style="background-color: lightgreen;" align="center" cellspacing="20" cellpadding="30">
<tbody>
<tr>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
</tr>
<tr>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
<td class="td">Random Text</td>
</tr>
</tbody>
</table>
</body>
</html>

0 comments on commit 6db4b12

Please sign in to comment.