quotes



значения свойства:


  • none
  • left quote rigth quote
  • inherit

" "
' '
‹
›
« «
» »
‘
’
“
”
„



css/style.css
  • .a {
  •  quotes: '"' '"';
  • }
  •  
  • .b {
  •  quotes: '«' '»';
  • }
  •  
  • .c {
  •  quotes: '‹' '›';
  • }
  •  
  • .d {
  •  quotes: '“' '„';
  • }
  •  
  • .e {
  •  quotes: '\'' '\'';
  • }
.a {
 quotes: '"' '"';
}

.b {
 quotes: '«' '»';
}

.c {
 quotes: '‹' '›';
}

.d {
 quotes: '“' '„';
}

.e {
 quotes: '\'' '\'';
}


index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <link href="css/style.css" rel="stylesheet" />
  • </head>
  • <body>
  •  <p><q class="a">Hello World!</q></p>
  •  <p><q class="b">Hello World!</q></p>
  •  <p><q class="c">Hello World!</q></p>
  •  <p><q class="d">Привет мир!</q></p>
  •  <p><q class="e">To be or not to be?</q></p>
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <link href="css/style.css" rel="stylesheet" />
  • </head>
  • <body>
  •  <p><q class="a">Hello World!</q></p>
  •  <p><q class="b">Hello World!</q></p>
  •  <p><q class="c">Hello World!</q></p>
  •  <p><q class="d">Привет мир!</q></p>
  •  <p><q class="e">To be or not to be?</q></p>
  • </body>
  • </html>