Esta propiedad se utiliza para especificar las comillas para las citas utilizadas en la oración.
Sintaxis:
quotes: none|auto|string;
Valor predeterminado: automático
Valores de propiedad:
none: Es el valor por defecto. No producirá ninguna comilla.
Sintaxis:
quotes:none;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | quotes Property
</title>
<style>
#geeks {
quotes:none;
}
</style>
</head>
<body>
<center>
<h1 style="color:green;">GeeksForGeeks</h1>
<h2 style="color:green;">quotes:none;</h2>
<p><q id="geeks">geeksforgeeks.</q></p>
</center>
</body>
</html>
Producción:
string: esta propiedad se usa para especificar qué tipo de comillas se deben usar en la oración. Los dos primeros valores indican el primer nivel de la comilla. Los dos segundos valores indican el segundo nivel de las comillas.
Sintaxis:
quotes:string;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | quotes Property
</title>
<style>
#geeks {
quotes:'‹' '›';
}
#gfg {
quotes:'«' '»';
}
#sudo {
quotes:'‹' '›' '«' '»' ;}
#g {
quotes:'‘' '’' ;}
#f {
quotes:'”' '„';
}
#for {
quotes:'\2039' '\203A';
}
#data {
quotes:'\''00AB'
'\00BB';
}
#q {
quotes:'\2039' '\203A'
'\00AB'
'\00BB';
}
#google {
quotes:'\2018' '\2019';
}
#mark{
quotes:'\201D' '\201E';}
h4 {
color:green;
}
</style>
</head>
<body>
<center>
<h1 style="color:green;">GeeksForGeeks</h1>
<h2 style="color:green;">quotes:string;</h2>
<h4>
<p><q id="geeks">geeksforgeeks.</q></p>
<p><q id="gfg">geeksforgeeks.</q></p>
<p><q id="sudo">geeksforgeeks.</q></p>
<p><q id="q">geeksforgeeks.</q></p>
<p><q id="f">geeksforgeeks.</q></p>
<p><q id="for">geeksforgeeks.</q></p>
<p><q id="data">geeksforgeeks.</q></p>
<p><q id="google">geeksforgeeks.</q></p>
<p><q id="mark">geeksforgeeks.</q></p>
</h4>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con Quotes Property se enumeran a continuación:
- Google Chrome 11.0
- Borde 12.0
- Internet Explorer 8.0
- Firefox 1.5
- Ópera 4.0
- Safari 9.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA