<!DOCTYPE html>
<html>
<head>
<title>CSS quotes property</title>
<style>
q {
font-family: sans-serif;
font-size: 18px;
}
.one {
quotes: "«" "»" "‹" "›";
}
.two {
quotes: "„" "„" "‹" "›";
}
.three {
quotes: "'" "'";
}
.four {
quotes: none;
}
</style>
</head>
<body>
<h1><code>quotes: "«" "»" "‹" "›"</code></h1>
<q class="one">Design is not just what it looks like and feels like. Design is how it works. — <q>Steve Jobs</q> Quotes</q>
<br />
<h1><code>quotes: "„" "„" "‹" "›"</code></h1>
<q class="two">Design is not just what it looks like and feels like. Design is how it works. — <q>Steve Jobs</q> Quotes</q>
<br />
<h1><code>quotes: "'" "'"</code></h1>
<q class="three">Design is not just what it looks like and feels like. Design is how it works. — <q>Steve Jobs</q> Quotes</q>
<br />
<h1><code>quotes: none</code></h1>
<q class="four">Design is not just what it looks like and feels like. Design is how it works. — <q>Steve Jobs</q> Quotes</q>
</body>
</html>
