Definition and Usage
property is nested quotes reference marks (embedded quotation) a.
Possible values
| value | description |
|---|---|
| none | Predetermined value "content" attribute "open-quote" and "close-quote" does not produce any quotes. |
| string string string string | To quote the definition used. The first two stages of the first predetermined reference value nested, the latter two nested quotes a predetermined value. |
| inherit | Provision should inherit the property value of quotes from the parent element. |
example
<HTML lang = "EN"> <head> <style type = "text / CSS"> // QUOTES binding <q> tag uses Q: lang (EN) // : lang selector for selecting the specified value to begin with lang attribute elements. { QUOTES: ' "' '"' " '" "'" } </ style> </ head> <body> <P> <Q> This IS A <Q> Big </ Q> quote </ Q>. </ P> </ body> </ HTML>
Output:
Attribute unused output effect quotes:
binding properties quotes content: open-quote, close-quote use properties:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.ask {
quotes: '提问: "' '"';
}
.answer {
quotes: '回答: "' '"';
}
.ask:before,
.answer:before {
content: open-quote;
}
.ask:after,
.answer:after {
content: close-quote;
}
</style>
<body>
</ head>
<the p-class = "ASK"> You ask me how deep love you? </ p>
<p class = "answer"> The Moon Represents My Heart </ the p->
</ body>
</ HTML>
Output:
Cancel property to use quotes
<head>
<meta charset="UTF-8">
<title>content生成技术</title>
<style type="text/css">/*.ask {
quotes: '提问: "' '"';
}
.answer {
quotes: '回答: "' '"';
}*/
.ask:before,
.answer:before {
content: open-quote;
}
.ask:after,
.answer:after {
content: close-quote;
}</style>
</head>
<body>
<p class="ask">You ask me how deep love you? </ The p->
</ body>
<the p-class = "answer"> The Moon Represents My Heart </ the p->
Output:
