Test to see if text-emphasis-style is supported

HTML

<h1 id="none">None</h1>
<h1 id="filled-dot">Filled dot</h1>
<h1 id="open-dot">Open dot</h1>
<h1 id="filled-circle">Filled circle</h1>
<h1 id="open-circle">Open circle</h1>
<h1 id="filled-double-circle">Filled double-circle</h1>
<h1 id="open-double-circle">Open double-circle</h1>
<h1 id="filled-triangle">Filled triangle</h1>
<h1 id="open-triangle">Open triangle</h1>
<h1 id="filled-sesame">Filled sesame</h1>
<h1 id="open-sesame">Open sesame</h1>
<h1 id="string">String</h1>
<h1 id="circle">Circle (should use filled)</h1>
<h1 id="filled-horizontal">Filled (should use circle)</h1>
<h1 id="open-horizontal">Open (should use circle)</h1>
<h1 id="filled-vertical">Filled (should use sesame)</h1>
<h1 id="open-vertical">Open (should use sesame)</h1>

CSS

#none {
    -ms-text-emphasis-style: none;
}
#filled-dot {
    -ms-text-emphasis-style: filled dot;
}
#open-dot {
    -ms-text-emphasis-style: open dot;
}
#filled-circle {
    -ms-text-emphasis-style: filled circle;
}
#open-circle {
    text-emphasis-style: open circle;
}
#filled-double-circle {
    text-emphasis-style: filled double-circle;
}
#open-double-circle {
    text-emphasis-style: open double-circle;
}
#filled-triangle {
    text-emphasis-style: filled triangle;
}
#open-triangle {
    text-emphasis-style: open triangle;
}
#filled-sesame {
    text-emphasis-style: filled sesame;
}
#open-sesame {
    text-emphasis-style: open sesame;
}
#string {
    text-emphasis-style: "Z";
}
#circle {
    text-emphasis-style: circle;
}
#filled-horizontal {
    text-emphasis-style: filled;
    writing-mode: horizontal-tb;
}
#open-horizontal {
    text-emphasis-style: open;
    writing-mode: horizontal-tb;
}
#filled-vertical {
    text-emphasis-style: filled;
    writing-mode: vertical-rl;

}
#open-vertical {
    text-emphasis-style: open;
    writing-mode: vertical-rl;
}