::before

  • 發行項

定義顯示在元素前面的產生的內容。

語法

::before { sRules }

可能的值

sRules

指定一或多個階層式樣式表 (CSS) 屬性/值組的字串。

備註

::before 和 ::after 虛擬元素可指定元素前面和後面的內容在文件樹狀目錄中的位置。 content 屬性搭配這些虛擬元素使用時，可指定插入的內容。

產生的內容與其他方塊互動的方式就如同將實際元素插入其關聯元素內一樣。必要時，關聯元素的內容方塊將會放大，以容納產生的內容。

範例

下列樣式規則會在文件樹狀目錄中每個 H1 的前面和後面插入大括號。

H1:before {
    content: "{ ";
}
H1:after {
    content: " }";
}

標準資訊

您可以在 CSS Selectors Level 3 (CSS 選取器層級 3) Gg721747.xtlink_newWindow(zh-tw,Expression.40).png 找到此虛擬類別的定義。

適用範圍

a , address , b , big , blockquote , body , br , button , caption , cite , code , dd , dfn , div , dl , dt , em , hn , i , img , input type=file , input type=image , input type=password , input type=text , kbd , label , legend , li , listing , marquee , menu , ol , p , plaintext , pre , s , samp , small , span , strike , strong , sub , sup , table , tbody , td , textarea , tfoot , th , thead , tr , tt , u , ul

另請參閱

概念

::after
::selection
::first-letter
::first-line

Copyright © 2011 by Microsoft Corporation. All rights reserved.