navigation-bar
title
navigation-item
back-indicator
back-indicator-mask
button-appearance
back-button-appearance
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]* |
vertical-position-adjustment | length |
color | paintDeprecated in 1.1. Please use 'color' on the 'title' child element |
-ios-tint-color | paint |
text-shadow | shadowDeprecated in 1.1. Please use 'text-shadow' on the 'title' child element |
font-family | stringDeprecated in 1.1. Please use 'font-family' on the 'title' child element |
font-size | lengthDeprecated in 1.1. Please use 'font-size' on the 'title' child element |
font-style | normal,italic,obliqueDeprecated in 1.1. Please use 'font-style' on the 'title' child element |
font-weight | normal,bold,black,heavy,extra-bold,ultra-bold,semi-bold,demi-bold,medium,light,extra-thin,ultra-thin,thin,100,200,300,400,500,600,700,800,900Deprecated in 1.1. Please use 'font-weight' on the 'title' child element |
font-stretch | normal,ultra-condensed,extra-condensed,condensed,semi-condensed,semi-expanded,expanded,extra-expanded,ultra-expandedDeprecated in 1.1. Please use 'font-stretch' on the 'title' child element |
shadow | url |
shadow-size | size |
shadow-inset | inset |
shadow-padding | number |
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# |
text-transform | lowercase,uppercase,capitalize |
navigation-bar title
Property | Value |
---|---|
text-shadow | shadow |
font-family | string |
font-size | length |
font-style | normal,italic,oblique |
font-weight | normal,bold,black,heavy,extra-bold,ultra-bold,semi-bold,demi-bold,medium,light,extra-thin,ultra-thin,thin,100,200,300,400,500,600,700,800,900 |
font-stretch | normal,ultra-condensed,extra-condensed,condensed,semi-condensed,semi-expanded,expanded,extra-expanded,ultra-expanded |
color | paint |
-ios-tint-color | paint |
navigation-bar navigation-item
navigation-bar back-indicator
Property | Value |
---|---|
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]* |
navigation-bar back-indicator-mask
Property | Value |
---|---|
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]* |
navigation-bar button-appearance
Property | Value |
---|---|
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]* |
font-family | string |
font-size | length |
font-style | normal,italic,oblique |
font-weight | normal,bold,black,heavy,extra-bold,ultra-bold,semi-bold,demi-bold,medium,light,extra-thin,ultra-thin,thin,100,200,300,400,500,600,700,800,900 |
font-stretch | normal,ultra-condensed,extra-condensed,condensed,semi-condensed,semi-expanded,expanded,extra-expanded,ultra-expanded |
color | paint |
-ios-tint-color | paint |
ios-tint-color | color |
navigation-bar back-button-appearance
Property | Value |
---|---|
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]* |