คุณสมบัติ quotes

คุณสมบัติ quotes กำหนดให้ส่วนของข้อความมีประเภทของเครื่องหมายคำพูดเฉพาะ เครื่องหมายคำพูดจะถูกเพิ่มเข้าไปโดยอัตโนมัติในข้อความภายในแท็ก <q>

ไวยากรณ์

cssตัวเลือก {
  quotes: ประเภทเครื่องหมายคำพูดเปิด, ประเภทเครื่องหมายคำพูดปิด หรือ none หรือ inherit;
}

ค่า

ค่า คำอธิบาย
" เครื่องหมายคำพูดคู่ มักใช้ในฟอนต์แบบ monospace เพื่อแสดงสัญลักษณ์นิ้ว หรือวินาทีเชิงมุม
' อะพอสทรอฟี สัญลักษณ์ของนาทีเชิงมุม ในภาษาละตินใช้เพื่อแสดงเครื่องหมายเน้นเสียงเบา
« เครื่องหมายคำพูดมุมคู่เปิด
» เครื่องหมายคำพูดมุมคู่ปิด
‘ เครื่องหมายคำพูดเดี่ยวเปิด
’ เครื่องหมายคำพูดเดี่ยวปิด
“ เครื่องหมายคำพูดคู่เปิดในข้อความภาษาอังกฤษ หรือเครื่องหมายคำพูดปิดสำหรับภาษารัสเซีย
” เครื่องหมายคำพูดคู่ปิดในข้อความภาษาอังกฤษ
„ เครื่องหมายคำพูดคู่เปิด ใช้ในภาษารัสเซีย
none ไม่เพิ่มเครื่องหมายคำพูด
inherit สืบทอดค่าจากองค์ประกอบแม่

ตัวอย่าง

ลองกำหนดเครื่องหมายคำพูดมุมคู่และสีฟ้าให้กับข้อความคำพูดของเรากัน:

html<body>
  <p>This is a <q>quoted text</q>.</p>
</body>
cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: