content

語法:

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

<content-list> = [ pending(<identifier>) | <string> | contents | footnote | endnote | section-note | list-item | <counter> | <named-string> | open-quote | close-quote | no-open-quote | no-close-quote | icon | <glyph> | <uri> | <datetime> | document-url | <target> ]+

<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+
8.0+

示例: