2008/11/12

content

content

此特徵配合 :after, :before 使用,可以在文件中加入內容。可設定的值有:

  1. <string>:設定字串
  2. <uri>:設定資源網址,可設多個 url(網址)。
  3. <counter>:設定計數器。請參考 計數器的說明與範例
  4. attr(X):可將 X 屬性的內容取出。
  5. open-quote:加上 quotes 特徵所宣告的左括號字串。
  6. close-quote:加上 quotes 特徵所宣告的右括號字串。
  7. no-open-quote:不加括號字串,但增加一層括號巢(nesting)。
  8. no-close-quote:不加括號字串,但減少一層括號巢。
  9. inherit:繼承父元件的特徵值。

測試字串與 attr(X)

  • IE6 無此項;IE8, Firefox, Safari, Chrome 都成功。

測試 url()

  • IE6 無此項;Firefox, Safari, Chrome 都成功。

測試括號

  • IE6 無此項;IE8, Firefox 會展現指定的括號。Safari, Chrome 沒有展現括號。

:HOVER, :ACTIVE 的應用。使用時要注意,在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。