CSS quotes คุณสมบัติ
การกำหนดและการใช้งาน
คุณสมบัติ quotes กำหนดชนิดของเครื่องหมายเคียงขวางในการนำรหัสออกแบบ (embedded quotation)。
ดูเพิ่มเติม:
คู่มือเอนจินโฮม์ล์ ไดน์เอ็มคุณสมบัติ quotes
ตัวอย่าง
q:lang(en)
{
quotes: '"' '"' "'" "'";
}
รหัส HTML:
<html lang="en"> <head> </head> <body> <p><q>This is a <q>big</q> quote</q></p> </body> </html>
ออกแบบ：
"This is a 'big' quote"
CSS ภาษาไทย
quotes: none|string|initial|inherit;
ค่าคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| none | ระบุว่าค่าของคุณสมบัติ "content" ของ "open-quote" และ "close-quote" จะไม่สร้างเครื่องหมายเคียงขวางใดๆ。 |
| string string string string |
กำหนดนิยามเครื่องหมายเคียงขวางที่ใช้งาน。 ค่าแรกสองในรายการนี้กำหนดการนำรหัสออกแบบหนึ่งระดับ และค่าที่สองในรายการนี้กำหนดการนำรหัสออกแบบระดับต่อไป。 |
| inherit | ระบุว่าควรขอรับค่า quotes จากองค์ประกอบพ่อของตัวปัจจุบัน。 |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น： | ไม่ระบุ |
|---|---|
| นิยมต่อรากฐาน： | yes |
| เวอร์ชัน： | CSS2 |
| JavaScript ภาษาไทย： | object.style.quotes="none" |
ตัวอักษรใบเหล็ก
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางบอกว่ารุ่นเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 11.0 | 8.0 | 1.5 | 5.1 | 4.0 |
หมายเหตุ：ถ้าได้ระบุ !DOCTYPE แล้ว ประตูสงครามอินเตอร์เน็ต 8 (และรุ่นต่อไป) สนับสนุนคุณสมบัติ quotes。
