first-letter-render-quote.html | Explore in Territory

<!DOCTYPE html>
<style>
html, body { margin: 0; padding: 0; }
td::first-letter { color: green; }
td { quotes: "a" "v" "b" "u" ; }
.class1:before, .class2:before {
    content: open-quote;
    text-transform: uppercase;
}
</style>
<script>
function runTest() {
    element1 = document.createElement('div');
    element1.setAttribute('class', 'class2');
    document.documentElement.appendChild(element1);

    element2 = document.createElement('td');
    element2.setAttribute('class', 'class1');
    document.documentElement.appendChild(element2);

    document.documentElement.offsetTop;
}
window.onload = runTest;
</script>

<p>Test passes if no CRASH and you see a quote on one line and a green B on the second line.</p>

chromium/third_party/blink/web_tests/fast/css/first-letter-render-quote.html