Test to see if text-emphasis-position is supported

Prefixes used

by David Storey

HTML

<h1 id="over">Over</h1>
<h1 id="under">Under</h1>
<h1 id="left" class="vertical">Left</h1>
<h1 id="right" class="vertical">Right</h1>
<h1 id="over-left">Over Left</h1>
<h1 id="over-left">Over Right</h1>
<h1 id="under-left">Under Left</h1>
<h1 id="under-right">Under Right</h1>
<h1 lang="ja" id="Japanese">Default for Japanese 日本人</h1>
<h1 lang="mn" id="Mongolian">Default for Mongolian</h1>
<h1 lang="zh" id="Chinese">Default for Chinese 	
中国的</h1>
<h1 lang="ja" id="Japanese-vertical" class="vertical">Default for Japanese 日本人</h1>
<h1 lang="mn" id="Mongolian-vertical" class="vertical">Default for Mongolian</h1>
<h1 lang="zh" id="Chinese-vertical" class="vertical">Default for Chinese 	
中国的</h1>

CSS

h1 {
    -webkit-text-emphasis: triangle green;
    -moz-text-emphasis: triangle green;
    -ms-text-emphasis: triangle green;
    text-emphasis: triangle green;  
}
.vertical {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
#over {
    -webkit-text-emphasis-position: over;
    -moz-text-emphasis-position: over;
    -ms-text-emphasis-position: over;
    text-emphasis-position: over;
}
#under {
    -webkit-text-emphasis-position: under;
    -moz-text-emphasis-position: under;
    -ms-text-emphasis-position: under;
    text-emphasis-position: under;}
#left {
    -webkit-text-emphasis-position: left;
    -moz-text-emphasis-position: left;
    -ms-text-emphasis-position: left;
    text-emphasis-position: left;
}
#right {
    -webkit-text-emphasis-position: right;
    -moz-text-emphasis-position: right;
    -ms-text-emphasis-position: right;
    text-emphasis-position: right;}
#over-left {
    -webkit-text-emphasis-position: over left;
    -moz-text-emphasis-position: over left;
    -ms-text-emphasis-position: over left;
    text-emphasis-position: over left;
}
#over-right {
    -webkit-text-emphasis-position: over right;
    -moz-text-emphasis-position: over right;
    -ms-text-emphasis-position: over right;
    text-emphasis-position: over right;
}
#under-left {
    -webkit-text-emphasis-position: under left;
    -moz-text-emphasis-position: under left;
    -ms-text-emphasis-position: under left;
    text-emphasis-position: under left;}
#under-right {
    -webkit-text-emphasis-position: under right;
    -moz-text-emphasis-position: under right;
    -ms-text-emphasis-position: under right;
    text-emphasis-position: under right;
}