CSS 參考手冊
-
align-content
-
align-items
-
align-self
-
all
-
animation
-
animation-delay
-
animation-direction
-
animation-duration
-
animation-fill-mode
-
animation-iteration-count
-
animation-name
-
animation-play-state
-
animation-timing-function
-
appearance
-
backface-visibility
-
background
-
background-attachment
-
background-blend-mode
-
background-clip
-
background-color
-
background-image
-
background-origin
-
background-position
-
background-repeat
-
background-size
-
border
-
border-bottom
-
border-bottom-color
-
border-bottom-left-radius
-
border-bottom-right-radius
-
border-bottom-style
-
border-bottom-width
-
border-collapse
-
border-color
-
border-image
-
border-image-outset
-
border-image-repeat
-
border-image-slice
-
border-image-source
-
border-image-width
-
border-left
-
border-left-color
-
border-left-style
-
border-left-width
-
border-radius
-
border-right
-
border-right-color
-
border-right-style
-
border-right-width
-
border-spacing
-
border-style
-
border-top
-
border-top-color
-
border-top-left-radius
-
border-top-right-radius
-
border-top-style
-
border-top-width
-
border-width
-
bottom
-
box-align
-
box-direction
-
box-flex
-
box-flex-group
-
box-lines
-
box-ordinal-group
-
box-orient
-
box-pack
-
box-shadow
-
box-sizing
-
caption-side
-
clear
-
clip
-
color
-
column-count
-
column-fill
-
column-gap
-
column-rule
-
column-rule-color
-
column-rule-style
-
column-rule-width
-
column-span
-
column-width
-
columns
-
content
-
counter-increment
-
counter-reset
-
cursor
-
direction
-
display
-
empty-cells
-
filter
-
flex
-
flex-basis
-
flex-direction
-
flex-flow
-
flex-grow
-
flex-shrink
-
flex-wrap
-
float
-
font
-
@font-face
-
font-family
-
font-size
-
font-size-adjust
-
font-stretch
-
font-style
-
font-variant
-
font-weight
-
grid-columns
-
grid-rows
-
hanging-punctuation
-
height
-
icon
-
justify-content
-
@keyframes
-
left
-
letter-spacing
-
line-height
-
list-style
-
list-style-image
-
list-style-position
-
list-style-type
-
margin
-
margin-bottom
-
margin-left
-
margin-right
-
margin-top
-
max-height
-
max-width
-
@media
-
min-height
-
min-width
-
mix-blend-mode
-
object-fit
-
object-position
-
nav-down
-
nav-index
-
nav-left
-
nav-right
-
nav-up
-
opacity
-
order
-
outline
-
outline-color
-
outline-offset
-
outline-style
-
outline-width
-
overflow
-
overflow-x
-
overflow-y
-
padding
-
padding-bottom
-
padding-left
-
padding-right
-
padding-top
-
page-break-after
-
page-break-before
-
page-break-inside
-
perspective
-
perspective-origin
-
position
-
punctuation-trim
-
quotes
-
resize
-
right
-
rotation
-
tab-size
-
table-layout
-
target
-
target-name
-
target-new
-
target-position
-
text-align
-
text-align-last
-
text-decoration
-
text-decoration-color
-
text-decoration-line
-
text-decoration-style
-
text-indent
-
text-justify
-
text-outline
-
text-overflow
-
text-shadow
-
text-transform
-
text-wrap
-
top
-
transform
-
transform-origin
-
transform-style
-
transition
-
transition-delay
-
transition-duration
-
transition-property
-
transition-timing-function
-
unicode-bidi
-
vertical-align
-
visibility
-
white-space
-
width
-
word-break
-
word-spacing
-
word-wrap
-
z-index
-
writing-mode
icon
實例
將圖像元素設置為圖標化的等價物：
img
{
content:icon;
icon:url(imgicon.png);
}
{
content:icon;
icon:url(imgicon.png);
}
瀏覽器支持
沒有主流瀏覽器支持icon屬性。
屬性定義及使用說明
icon 屬性為創(chuàng)作者提供了將元素設置為圖標等價物的能力。
注意：元素的圖標是不可使用，除非"content"屬性設置為"icon"！
| 默認值： | auto |
|---|---|
| 繼承： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.icon="url(image.png)" |
語法
icon: auto|URL|inherit;
| 值 | 描述 |
|---|---|
| auto | 使用由瀏覽器提供的默認通用圖標。 |
| URL | 引用列表中的一個或多個圖標，列表用逗號分隔。 |
| inherit | 規(guī)定應從元素繼承 icon 屬性的值。 |