WebKit CSS Styles

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 ValuesComment
-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-fitlines
-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-breakafter-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-modespace
-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-dragelement
-webkit-user-modify read-only
read-write
read-write-plaintext-only
-webkit-user-selectignore

WebKit Specific Style Values

Property Value Property NameComment
-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

Links

Safari CSS Reference

This list was compiled from the following files of the WebKit sources:

CSS Extensions of Other Browsers

CSS Extensions of other browsers are documented at: