CSS quotes Property
 Complete CSS Reference
Definition
The quotes property sets the type of quotation marks for embedded quotations.
Inherited: Yes
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.quotes="none"
In our HTML DOM tutorial you can find more details about the
quotes property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
Example 1
q:lang(en)
{
quotes: '"' '"' "'" "'"
}
the style above and the following HTML file:
<html lang="en">
<head>
</head>
<body>
<p><q>This is a <q>big</q> quote</q></p>
</body>
</html>
would produce this output:
"This is a 'big' quote"
Example 2
q:lang(no)
{
quotes: "«" "»" "'" "'"
}
the style above and the following HTML file:
<html lang="no">
<head>
</head>
<body>
<p><q>Vi synger <q>Mellom bakkar og berg</q> på
17.mai.</q>
</body>
</html>
would produce this output:
«Vi synger 'Mellom bakkar og berg' på 17.mai.»
|
Possible Values
| Value |
Description |
| none |
Specifies that the "open-quote" and "close-quote" values of the
"content" property will not produce any quotation marks |
| string string string string |
Defines the quotation marks to use. The first two values
specifies the first level of quotation embedding, the next two values
specifies the next level of quote embedding, etc |
Quotation Mark Characters
| Result |
Description |
Entity Number |
| " |
double quote |
" |
| ' |
single quote |
' |
| ‹ |
single, left angle quote |
‹ |
| › |
single, right angle quote |
› |
| « |
double, left angle quote |
«
|
| » |
double, right angle quote |
»
|
| ‘ |
left quote (single high-6) |
‘
|
| ’ |
right quote (single high-9) |
’
|
| “ |
left quote (double high-6) |
“
|
| ” |
right quote (double high-9) |
”
|
| „ |
double quote (double low-9) |
„
|
Try-It-Yourself Demos
Changes the
quotation marks on a page
This example demonstrates how to change the quotation marks on a page.
Complete CSS Reference
The Altova MissionKit is a suite of intelligent XML tools, including:
XMLSpy® – industry-leading XML editor
- Support for all XML-based technologies
- Graphical editing views, powerful debuggers, code generation, & more
MapForce® – graphical data mapping tool
- Drag-and-drop data conversion with code generation
- Support for XML, DBs, EDI, Excel® 2007, text, Web services
StyleVision® – visual stylesheet designer
- Drag-and-drop stylesheet design for XML & databases
- Output to HTML, PDF, RTF, Word 2007, & more
And more…
Try before you buy with a free fully functional 30-day trial
Download today
|
HOME
Printer friendly page
