Báo giá - Thủ thuật CSS

Các quotesbất động sản trong CSS cho phép bạn xác định các loại dấu ngoặc kép được sử dụng khi có dấu ngoặc kép được bổ sung thông qua content: open-quote;hoặc content: close-quote;quy tắc. Đây là cách sử dụng nó:

q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )

Trong ví dụ trên, bốn giá trị được thêm vào. Một tập hợp các dấu ngoặc kép thông minh và một cặp dấu ngoặc kép thông minh. Nó hơi khó hiểu vì mỗi câu trích dẫn được đặt trong dấu ngoặc kép - nhưng đó chỉ là những câu trích dẫn có lập trình (có thể là kép (“) hoặc đơn (')) như bất kỳ nơi nào khác trong CSS. Các dấu ngoặc kép bên trong là những gì sẽ được sử dụng trên trang.

Có bốn giá trị cho thuộc tính nội dung có liên quan đến quotesbất động sản: open-quote, close-quote, no-open-quote, và no-close-quote.

Cặp dấu ngoặc kép đầu tiên trong giá trị là dấu ngoặc kép mở và kết thúc. Cặp thứ hai là các dấu ngoặc kép mở và kết thúc cho các dấu ngoặc kép được lồng ở một mức sâu bên trong các dấu ngoặc kép khác cũng sử dụng thuộc quotestính. Ví dụ: một phần tử bên trong một phần tử.

Một vài ví dụ:

Dấu ngoặc kép trên báo giá đầu tiên, dấu ngoặc kép ở câu thứ hai.

Một câu trích dẫn bằng tiếng Pháp.

Bạn có thể đặt bao nhiêu cặp dấu ngoặc kép trong thuộc quotestính tùy thích. Nhưng bạn không cần phải đặt nhiều hơn hai, bởi vì đối với mỗi trích dẫn bổ sung, nó chỉ đơn giản lặp lại các quotesgiá trị từ đầu.

Các giá trị no-open-quotevà no-close-quotegiá trị ngăn các dấu ngoặc kép hiển thị, nhưng chúng tiếp tục tăng độ sâu của dấu ngoặc kép.

Thêm thông tin

Không sử dụng phần tử trừ khi bạn đang trích dẫn một ai đó. Trong tất cả các trường hợp khác (mỉa mai, châm biếm hoặc bất cứ điều gì khác mà bạn sử dụng dấu ngoặc kép) chỉ cần sử dụng chính dấu ngoặc kép (như sau: “”).
Điều này không chỉ dành cho phần tử, nó có thể
quá hoặc bất cứ điều gì khác.
Trích dẫn & Trọng âm