欧美激情一区二区三区高清视频,99久久成人国产精品免费,国内精品久久久久久影院8f,无码av喷白浆在线播放,国产精品久久久久9999吃药

語法：

content：[ [<uri> | icon] ',' ]* [ normal | none | inhibit | <content-list> ]

<counter> = counter(name) | counter(name,list-style-type) | counters(name,string) | counters(name,string,list-style-type)

默認值：normal

適用于：所有元素，::before, ::after, ::alternate, ::marker, ::line-marker, margin areas, @footnote areas

繼承性：無

動畫性：否

計算值：指定值

取值：

normal：: 默認值。表現與none值相同
none：: 不生成任何值。
<attr>：: 插入標簽屬性值
<url>：: 使用指定的絕對或相對地址插入一個外部資源（圖像，聲頻，視頻或瀏覽器支持的其他任何資源）
<string>：: 插入字符串
counter(name)：: 使用已命名的計數器
counter(name,list-style-type)：: 使用已命名的計數器并遵從指定的list-style-type屬性
counters(name,string)：: 使用所有已命名的計數器
counters(name,string,list-style-type)：: 使用所有已命名的計數器并遵從指定的list-style-type屬性
no-close-quote：: 并不插入quotes屬性的后標記。但增加其嵌套級別
no-open-quote：: 并不插入quotes屬性的前標記。但減少其嵌套級別
close-quote：: 插入quotes屬性的后標記
open-quote：: 插入quotes屬性的前標記

說明：

用來和:after及:before偽元素一起使用，在對象前或后顯示內容。

對應的腳本特性為content。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0-7.0	2.0+	4.0+	6.0+	15.0+	6.0+	2.1+	18.0+
Basic Support	8.0+	2.0+	4.0+	6.0+	15.0+	6.0+	2.1+	18.0+

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>content_CSS參考手冊_web前端開發參考手冊系列【CSS在線手冊-網站設計教程參考資料】</title>
<meta name="author" content="易網,網站設計,網站制作,網站建設,www.gdywg.com.cn" />
<style>
.string p:after{margin-left:-16px;background:#fff;content:"是";color:#f00;}
.attr p:after{content:attr(title);}
.url p:before{content:url(../../skin/ico.png);}
.test ol{margin:16px 0;padding:0;list-style:none;}
.counter1 li{counter-increment:testname;}
.counter1 li:before{content:counter(testname);color:#f00;font-family:georgia,serif,sans-serif;}
.counter2 li{counter-increment:testname2;}
.counter2 li:before{content:counter(testname2,lower-roman);color:#f00;font-family:georgia,serif,sans-serif;}
.counter3 ol ol{margin:0 0 0 28px;}
.counter3 li{padding:2px 0;counter-increment:testname3;}
.counter3 li:before{content:counter(testname3,decimal)".";color:#f00;font-family:georgia,serif,sans-serif;}
.counter3 li li{counter-increment:testname4;}
.counter3 li li:before{content:counter(testname3,decimal)"."counter(testname4,decimal)".";}
.counter3 li li li{counter-increment:testname5;}
.counter3 li li li:before{content:counter(testname3,decimal)"."counter(testname4,decimal)"."counter(testname5,decimal)".";}
</style>
</head>
<body>
<ul class="test">
	<li id="uaukcwsk2o2i" class="string">
		string：
		你的瀏覽器是否支持content屬性：否
	</li>
	<li id="uaukcwsk2o2i" class="attr">
		attr：
		
	</li>
	<li id="uaukcwsk2o2i" class="url">
		url()：
		如果你看到文字前面的圖標則說明你目前使用的瀏覽器支持content屬性
	</li>
	<li id="uaukcwsk2o2i" class="counter1">
		counter(name)：
		<ol>
			<li>列表項</li>
			<li>列表項</li>
			<li>列表項</li>
		</ol>
	</li>
	<li id="uaukcwsk2o2i" class="counter2">
		counter(name,list-style-type)：
		<ol>
			<li>列表項</li>
			<li>列表項</li>
			<li>列表項</li>
		</ol>
	</li>
	<li id="uaukcwsk2o2i" class="counter3">
		counter(name)拓展應用：
		<ol>
			<li>列表項
				<ol>
					<li>列表項
						<ol>
							<li>列表項</li>
							<li>列表項</li>
						</ol>
					</li>
					<li>列表項</li>
				</ol>
			</li>
			<li>列表項
				<ol>
					<li>列表項</li>
					<li>列表項</li>
				</ol>
			</li>
			<li>列表項
				<ol>
					<li>列表項</li>
					<li>列表項</li>
				</ol>
			</li>
		</ol>
	</li>
</ul>
</body>
</html>