CSS quotes 属性
css quotes 属性设置嵌套引用的引号类型
| 默认值 | 未定义 |
|---|---|
| 继承 | yes |
| 版本 | CSS2 |
| JavaScript 语法 | object.style.quotes="none" |
语法
quotes: none | *string string string string *属性值
| 值 | 描述 |
|---|---|
| none | "content" 属性 "open-quote" 和 "close-quote" 的值不会产生任何引号 |
| string string string string | 定义要使用的引号 前两个值规定第一级引用嵌套 后两个值规定下一级引号嵌套 |
| inherit | 规定应该从父元素继承 quotes 属性的值 |
引号字符
| 效果 | 说明 | 实体编号 |
|---|---|---|
| " | 双引号 | " |
| ' | 单引号 | ' |
| ‹ | 单一的左尖括号 | ‹ |
| › | 单一的右尖括号 | › |
| « | 双的左尖括号 | « |
| » | 双的右尖括号 | » |
| ' | 左引号(单 high-6) | ‘ |
| ' | 右引号(单 high-9) | ’ |
| " | 左引号(双 high-6) | “ |
| " | 右引号(双 high-9) | ” |
| „ | 双引号 (双 low-9) | „ |
浏览器支持
所有主流浏览器都支持 quotes 属性
IE8 需要定义 <DOCTYPE html> 才支持 quotes 属性
范例
设置嵌套引用的引号类型
q:lang(en) {
quotes: "�" "�" "'" "'";
}本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！