quotes

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported No No No ? Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Short information
CSS CSS2
Default value Depends on the browser, its settings and operating system. The often for use are "/" type quotes.
Inherited Yes
Applied To all elements
HTML analog No
Reference to specification http://www.w3.org/TR/CSS21/generate.html#propdef-quotes
Description
It determines quotes types which are applied in the document text. In each language there are traditions for a designation of quotes. The parameter «quotes» allows to set a kind of their display under all text and to determine its uniform appearance. Quotes addition occurs automatically for the container content <q> and also for the text to which the style parameter «content» with the value open-quote (opening quote) or close-quote (closing quote) is applied.

Syntax

quotes: "left quote" "right quote"

Arguments
A text symbol (for example, quotes: "«" "»") or Unicode symbol are applied as a value. Some of them are given in the table 1 below.





Table. 1. Quote types
Type Special code HTML <Unicode <Description
" &#34; \0022 Double quote is applied usually in mono-width fonts for a designation of the inch symbol and also angular minute.
' &#39; \0027 The symbol of angular second. It is applied for designation of a soft sign in a Latin (popalas' lisa).
« &#171; or &laquo; \00ab Opening double angular quote.
» &#187; or &raquo; \00bb Closing double angular quote.
&#8216; \2018 Opening single quote.
&#8217; \2019 Closing single quote.
&#8220; \201c Opening double quote in English texts or closing one for Russian language.
&#8221; \201d Closing double quote in English texts
&#8222; \201e Opening double quotes. They are used in Russian.



Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>quotes</title>
  <style type="text/css">
   Q {
    font-family: Times, serif; /* Font with serifs */
    font-style: italic; /* Italic style of the text */
    color: navy; /* Blue text color */
    quotes: "\00ab" "\00bb"; /* Quotes as double angle brackets */
   }
  </style>
 </head>
 <body> 
  <p>Stanislav Letz asserted: <q>In the major part of cases the exit is in the place where the entrance was.</q>.</p>
 </body>
</html>

The result of this example is shown on the figure 1

Cloud Backup Services
Cloud Backup
Backup Server
Application Virtualization Client