-webkit 谷歌浏览器 （chrome）CSS

Overview

Most browser support custom CSS tags, which are not (yet) part of any standard. These styles are usually prefixed with the browser name. Mozilla uses -moz- , Opera -o- and Safari/WebKit uses -webkit- as prefix. Since the WebKit tags seem not to be documented anywhere we compiled the following list from the WebKit sources:

WebKit Styles Attributes

CSS property name Values Comment

-webkit-appearance	checkbox radio push-button square-button button button-bevel listbox listitem menulist menulist-button menulist-text menulist-textfield scrollbarbutton-up scrollbarbutton-down scrollbarbutton-left scrollbarbutton-right scrollbartrack-horizontal scrollbartrack-vertical scrollbarthumb-horizontal scrollbarthumb-vertical scrollbargripper-horizontal scrollbargripper-vertical slider-horizontal slider-vertical sliderthumb-horizonta l sliderthumb-vertical caret searchfield searchfield-decoration searchfield-results-decoration searchfield-results-button searchfield-cancel-button textfield textarea ----------------------------------------------------------------------
-webkit-background-clip
-webkit-background-composite	---------------------------------------------------------------------- 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-background-origin
-webkit-background-size
-webkit-binding
-webkit-border-bottom-left-radius
-webkit-border-bottom-right-radius
-webkit-border-fit	lines
-webkit-border-horizontal-spacing
-webkit-border-image
-webkit-border-radius
-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-border-vertical-spacing
-webkit-box-align
-webkit-box-direction
-webkit-box-flex
-webkit-box-flex-group
-webkit-box-lines
-webkit-box-ordinal-group
-webkit-box-orient
-webkit-box-pack
-webkit-box-shadow
-webkit-box-sizing
-webkit-column-break-after
-webkit-column-break-before
-webkit-column-break-inside
-webkit-column-count
-webkit-column-gap
-webkit-column-rule
-webkit-column-rule-color
-webkit-column-rule-style
-webkit-column-rule-width
-webkit-column-width
-webkit-columns
-webkit-dashboard-region
-webkit-font-size-delta
-webkit-highlight
-webkit-line-break	after-white-space
-webkit-line-clamp   -----------------------------------------------------------------------------------------------------------
-webkit-margin-bottom-collapse --------------------------------------------------------------------------------------------------------------
-webkit-margin-collapse	# collapse # separate discard ------------------------------------------------------------------------
-webkit-margin-start
-webkit-margin-top-collapse
-webkit-marquee
-webkit-marquee-direction
-webkit-marquee-increment
-webkit-marquee-repetition
-webkit-marquee-speed
-webkit-marquee-style
-webkit-match-nearest-mail-blockquote-color
-webkit-nbsp-mode	space
-webkit-padding-start ----------------------------------------------------------------------------------------------------------------------
-webkit-rtl-ordering	logical visual ------------------------------------------------------------------------
-webkit-text-decorations-in-effect
-webkit-text-fill-color
-webkit-text-security
-webkit-text-size-adjust
-webkit-text-stroke
-webkit-text-stroke-color
-webkit-text-stroke-width
-webkit-user-drag	element
-webkit-user-modify	--------------------------------------------------------------------- read-only read-write read-write-plaintext-only ------------------------------------------------------------------------
-webkit-user-select	ignore

WebKit Specific Style Values

Property Value Property Name Comment

-webkit-mini-control	outline, border
-webkit-small-control	outline, border
-webkit-control	outline, border
-webkit-xxx-large	font-size
-webkit-body	font-family
-webkit-link	*-color
-webkit-activelink	*-color
-webkit-focus-ring-color	*-color	Creates a blue glow effect. Seems to have only an effect for outline style attributes.
-webkit-text	*-color
-webkit-baseline-middle	vertical-align
-webkit-auto	text-align
-webkit-left	text-align
-webkit-right	text-align
-webkit-center	text-align
-webkit-box	display
-webkit-inline-box	display
-webkit-marquee
-webkit-nowrap

 

 

from: http://qooxdoo.org/documentation/general/webkit_css_styles