文字
分享

语法:

quotes:none | [<string> <string>]+

默认值none

适用于:所有元素,::before, ::after, ::alternate, ::marker, ::line-marker, margin areas, @footnote areas, and @page context

继承性:有

动画性:否

计算值:指定值

取值:

  • none:content属性的open-quote和close-quote值将不会生成任何标记

  • <string>:定义content属性的open-quote和close-quote值的标记,2个为一组

说明:

设置或检索对象内使用的嵌套标记。
  • 对应的脚本特性为quotes

兼容性:

ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
Basic Support6.0-7.02.0+4.0+6.0+15.0+6.0+2.1+18.0+
8.0+

示例:

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>quotes_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

q:lang(en){quotes:'[' ']' "<" ">";}

q:lang(zh-cmn-Hans){quotes:"«" "»" '"' '"';}

</style>

</head>

<body>

<p lang="en"><q>Quote me <q>Quote me</q> Quote me!</q></p>

<p lang="zh-cmn-Hans"><q>Quote me <q>Quote me</q> Quote me!</q></p>

</body>

</html>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇:counter-reset下一篇:用户界面