Thuộc tính quotes

Thuộc tính quotes xác định một kiểu dấu ngoặc kép cụ thể cho một đoạn văn bản. Dấu ngoặc kép được tự động thêm vào văn bản bên trong thẻ <q>.

Cú pháp

cssbộ chọn {
  quotes: kiểu dấu ngoặc mở, kiểu dấu ngoặc đóng hoặc none hoặc inherit;
}

Giá trị	Mô tả
`"`	Dấu ngoặc kép, thường được sử dụng trong phông chữ đơn cách (monospace), để biểu thị ký hiệu inch, cũng như giây cung.
`'`	Dấu nháy đơn. Ký hiệu phút cung, trong tiếng Latinh được sử dụng để biểu thị dấu mềm.
`«`	Dấu ngoặc kép mở kiểu góc (guillemet).
`»`	Dấu ngoặc kép đóng kiểu góc (guillemet).
`‘`	Dấu ngoặc kép đơn mở.
`’`	Dấu ngoặc kép đơn đóng.
`“`	Dấu ngoặc kép kép mở trong văn bản tiếng Anh hoặc dấu ngoặc kép đóng trong tiếng Nga
`”`	Dấu ngoặc kép kép đóng trong văn bản tiếng Anh.
`„`	Dấu ngoặc kép kép mở. Được sử dụng trong tiếng Nga.
`none`	Không thêm dấu ngoặc kép.
`inherit`	Kế thừa giá trị từ phần tử cha.

Hãy đặt cho đoạn trích dẫn của chúng ta dấu ngoặc kép góc kép và màu phông chữ xanh lam:

html<body>
  <p>This is a <q>quoted text</q>.</p>
</body>

cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: