请使用webkit核心的浏览器,如SafariGoogle Chrome,此文档(不如说是自己的试验田)会慢慢补全。有些效果也需要尝试,中文的资料太少了。有关iphone的safari支持哪些,俺也会慢慢搞起来.
-webkit-appearance
-webkit-appearance: appearance
checkbox
模拟复选框 如何选未知
radio
模拟单选框
push-button
push-button
下压按钮
push-button
square-button
square-button
方形按钮
square-button
button
button
按钮
button
button-bevel
button-bevel
斜角按钮
listbox
listbox
列表框
listitem
listitem
列表项
menulist 菜单列表
menulist-button 菜单列表按钮
menulist-text 菜单列表文字
menulist-textfield 菜单列表文本框
scrollbarbutton-up
scrollbarbutton-up
滚动条的向上按钮
scrollbarbutton-down
scrollbarbutton-down
滚动条的向下按钮
scrollbarbutton-left
scrollbarbutton-left
滚动条的向左按钮
scrollbarbutton-right
scrollbarbutton-right
滚动条的向右按钮
scrollbartrack-horizontal
scrollbartrack-horizontal
滚动条的垂直滚动区域
scrollbartrack-vertical
scrollbartrack-vertical
滚动条的水平滚动区域
scrollbarthumb-horizontal
scrollbarthumb-horizontal
scrollbarthumb-vertical
scrollbarthumb-vertical
scrollbargripper-horizontal
scrollbargripper-horizontal
滚动条的垂直滚动槽
scrollbargripper-vertica
scrollbargripper-vertica
滚动条的水平滚动槽
slider-horizontal
slider-horizontal
水平滚动条
slider-vertical
slider-vertical
垂直滚动条
sliderthumb-horizontal
sliderthumb-horizontal
水平滚动条?
sliderthumb-vertical
sliderthumb-vertical
垂直滚动条?
caret
caret
插入符号 ?未知
searchfield
searchfield
搜索框
decoration
searchfield-decoration
decoration
搜索框内装饰?效果未知
searchfield-results-decoration
搜索框内装饰
searchfield-results-button
搜索框内搜索历史按钮
searchfield-cancel-button
搜索框内取消按钮
textfieldn
textfield
单行文本框
textarea
textarea
textarea
textarea
多行文本框
-webkit-background-clip
-webkit-background-clip: behavior
background-clip 与 background-origin 的一则运用
-webkit-background-origin
-webkit-background-origin: origin
background-clip 与 background-origin 的一则运用
-webkit-background-composite(妈的测试没通过)
-webkit-background-composite: compositing_style
clear
copy
source-over
source-in
source-out
source-atop
destination-over
destination-in
destination-out
destination-atop
xor
plus-darker
highlight
plus-lighter
-webkit-marquee
语法:
-webkit-marquee: direction(方向) increment(迭代次数) repetition(重复) style(样式) speed(速度)
示例:
滚滚滚滚
-webkit-marquee-direction
ahead -
滚滚滚滚
auto -
滚滚滚滚
backwards -
滚滚滚滚
down -
滚滚滚滚
forwards -
滚滚滚滚
left -
滚滚滚滚
reverse -
滚滚滚滚
right -
滚滚滚滚
up -
滚滚滚滚
-webkit-marquee-increment迭代次数
1-n 5
滚滚滚滚
infinite 无穷次
滚滚滚滚
-webkit-marquee-speed
fast -
滚滚滚滚
normal -
滚滚滚滚
slow -
滚滚滚滚
-webkit-marquee-style
alternate -
滚滚滚滚
none -
滚滚滚滚
scroll -
滚滚滚滚
slide -
滚滚滚滚
-webkit-box-align
baseline - -
center - -
end - -
start - -
stretch - -
-webkit-box-direction
normal - -
reverse - -
-webkit-box-flex
flex_value - -
-webkit-box-flex-group
group_number - -
-webkit-box-lines
multiple - -
single - -
-webkit-box-ordinal-group
group_number - -
-webkit-box-orient
-webkit-box-orient: orientation;
block-axis - -
horizontal - -
inline-axis - -
vertical - -
-webkit-box-pack
-webkit-box-pack: alignment;
center - -
end - -
justify - -
start - -