Javascript DOM CSS Style quotes Property

Introduction

Change quotation marks: 

document.getElementById("myQ").style.quotes = "'\253' '\273'";

Click the button to change the quote property of the Q element:

View in separate window 

<!DOCTYPE html>
<html>
<body>
<q id="myQ">This is a quote.</q>
<button onclick="myFunction()">Test</button>

<script>
function myFunction() {/*from   www.j  a  va 2 s . c o  m*/
  document.getElementById("myQ").style.quotes = "'\253' '\273'";
}
</script>

</body>
</html>

The quotes property sets or gets the type of quotation marks for embedded quotations.

Property Values

Value Description
none open-quote and close-quote values will not produce any quotation marks. default
string string string string Set quotation marks to use.
The first two values sets the first level of quotation embedding, the next two values sets the next level of quote embedding, etc
initial
 Sets this property to its default value.
inherit
 Inherits this property from its parent element.

The quotes property Default Value: none

The quotes property returns a String representing the type of quotation marks for embedded quotations.




PreviousNext

Related