Thuộc tính style.quotes trong HTML DOM xác định kiểu dấu ngoặc đơn/dấu nháy được sử dụng cho các trích dẫn lồng nhau (thường áp dụng cho phần tử <q>).
Cú pháp
Lấy giá trị quotes
object.style.quotes
Thiết lập giá trị quotes
object.style.quotes = "giá_trị"
Các giá trị hợp lệ
| Giá trị | Mô tả |
|---|---|
| inherit | Kế thừa từ phần tử cha. |
| initial | Đặt về mặc định (thường là dấu ngoặc kép “ ”). |
| none | Không hiển thị dấu ngoặc nào. |
| string string string string | Xác định cặp dấu cho cấp độ 1 và cấp độ 2. Ví dụ: "'" '"'" (dấu nháy đơn cho cấp 1, dấu nháy kép cho cấp 2) hoặc "«" "»" "‹" "›". |
Ví dụ minh họa
Thay đổi dấu ngoặc của phần tử <q> thành dấu thăng (#):
<!DOCTYPE html>
<html>
<head>
<style>
body { color: #000; background: lightblue; height: 100vh; }
q { margin: 20px; }
.btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 20px; }
</style>
</head>
<body>
<h1>Ví dụ thuộc tính quotes</h1>
<q>Đây là một trích dẫn mẫu.</q>
<button onclick="add()" class="btn">Thay đổi quotes</button>
<script>
function add() {
document.querySelector('q').style.quotes = "'#' '#'";
}
</script>
</body>
</html>
Kết quả
Ban đầu trích dẫn dùng dấu ngoặc kép mặc định. Sau khi nhấn nút, trích dẫn sẽ được bao quanh bằng dấu # (ví dụ: #Đây là một trích dẫn mẫu.#).