switch
Property | Value |
---|---|
transform | transform |
top | length |
left | length |
width | length |
height | length |
size | size |
position | size |
opacity | number |
shape | ellipse,rectangle,arrow-button-left,arrow-button-right |
background-color | paint |
background-size | size |
background-inset | inset |
background-inset-top | length |
background-inset-right | length |
background-inset-bottom | length |
background-inset-left | length |
background-image | url |
background-padding | padding |
background-top-padding | length |
background-right-padding | length |
background-bottom-padding | length |
background-left-padding | length |
border | width,border-style,paint |
border-radius | size |
border-top-left-radius | length |
border-top-right-radius | length |
border-bottom-right-radius | length |
border-bottom-left-radius | length |
border-width | length |
border-color | paint |
border-style | border-style |
box-shadow | shadow[","shadow]* |
animation | single-animation# |
animation-name | name# |
animation-duration | time# |
animation-timing-function | timing-function# |
animation-iteration-count | number# |
animation-direction | direction# |
animation-play-state | play-state# |
animation-delay | time# |
animation-fill-mode | fill-mode# |
-ios-tint-color | color |
color | color |
off-color | coloriOS 6.x only |
switch thumb
Property | Value |
---|---|
color | color |
switch on
Property | Value |
---|---|
shape | ellipse,rectangle,arrow-button-left,arrow-button-right |
background-color | paint |
background-size | size |
background-inset | inset |
background-inset-top | length |
background-inset-right | length |
background-inset-bottom | length |
background-inset-left | length |
background-image | url |
background-padding | padding |
background-top-padding | length |
background-right-padding | length |
background-bottom-padding | length |
background-left-padding | length |
border | width,border-style,paint |
border-radius | size |
border-top-left-radius | length |
border-top-right-radius | length |
border-bottom-right-radius | length |
border-bottom-left-radius | length |
border-width | length |
border-color | paint |
border-style | border-style |
box-shadow | shadow[","shadow]* |
switch off
Property | Value |
---|---|
shape | ellipse,rectangle,arrow-button-left,arrow-button-right |
background-color | paint |
background-size | size |
background-inset | inset |
background-inset-top | length |
background-inset-right | length |
background-inset-bottom | length |
background-inset-left | length |
background-image | url |
background-padding | padding |
background-top-padding | length |
background-right-padding | length |
background-bottom-padding | length |
background-left-padding | length |
border | width,border-style,paint |
border-radius | size |
border-top-left-radius | length |
border-top-right-radius | length |
border-bottom-right-radius | length |
border-bottom-left-radius | length |
border-width | length |
border-color | paint |
border-style | border-style |
box-shadow | shadow[","shadow]* |