2013-03-26 28 views
7

I've read that chúng tôi phải sử dụng Unicode values inside the content CSS property tức là \ theo sau là số thập lục phân của ký tự đặc biệt.Các ký tự được cho phép trong thuộc tính 'nội dung CSS'?

Nhưng những ký tự nào khác ngoài chữ và số, thực sự được phép đặt như giá trị của thuộc tính content? (Google không có đầu mối, do đó câu hỏi.)

+0

Xem các biểu đồ này để biết tính khả dụng; http://www.unicode.org/charts/ Hãy nhớ rằng các điều khiển (mã dự trữ) có thể sẽ không làm bất cứ điều gì, hoặc là làm cho đầu ra và/hoặc CSS không hợp lệ. –

+0

Hãy nhớ rằng bạn có thể cơ bản alpha-số chỉ "như là". Đối với các ký tự HTML đặc biệt như '<' ('003C'), bạn sẽ muốn sử dụng biến thể Unicode. –

+0

@Allendar Vâng, tôi biết rằng, chỉ muốn biết, như một cái gì đó tôi đã cố gắng không làm việc trước đó (nhưng bây giờ đang làm việc - kỳ lạ). Cảm ơn bạn đã đề xuất bằng cách này. Đánh giá! –

Trả lời

7

các quy tắc cho “thoát” nhân vật trong CSS 2.1 đặc tả ification, khoản 4.1.3 Characters and case. Quy tắc đặc biệt cho chuỗi được trích dẫn, như trong content giá trị thuộc tính, nằm trong khoản 4.3.7 Strings. Trong chuỗi được trích dẫn, mọi ký tự có thể xuất hiện như vậy, ngoại trừ ký tự được sử dụng để trích dẫn chuỗi (" hoặc '), ký tự dòng mới hoặc ký tự gạch chéo \.

Thông tin mà bạn phải sử dụng \ thoát là sai. Bạn có thể sử dụng chúng và thậm chí có thể cần sử dụng chúng nếu mã hóa ký tự của tài liệu có chứa biểu định kiểu không cho phép bạn nhập tất cả ký tự một cách trực tiếp. Nhưng nếu mã hóa là UTF-8 và đúng là declared thì bạn có thể viết content: '☺ Я Ω ⁴ ®'.

3

Theo như tôi biết, bạn có thể chèn bất kỳ ký tự Unicode nào. (. Here's a useful list of Unicode characters and their codes)

Để sử dụng các mã, bạn phải thoát khỏi chúng, như vậy:

U+27BA Becomes \27BA 

Hoặc cách khác, tôi nghĩ rằng bạn chỉ có thể thoát khỏi nhân vật chính:

content: '\➺'; 

Nguồn:http://mathiasbynens.be/notes/css-escapes

+0

Tôi đã suy nghĩ giống nhau, nhưng tôi muốn chắc chắn về điều này. –

+0

Cách tốt nhất để tìm hiểu là để kiểm tra :) – Bill

+2

Tôi nghĩ rằng liên kết nói tất cả, cảm ơn! –

Các vấn đề liên quan