UINavigationBar

Selector

navigation-bar

Children

titlenavigation-itemback-indicatorback-indicator-maskbutton-appearanceback-button-appearance

Properties

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

UINavigationBar Children

Selector

navigation-bar title

Properties

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

Selector

navigation-bar navigation-item

Selector

navigation-bar back-indicator

Properties

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]*

Selector

navigation-bar back-indicator-mask

Properties

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]*

Selector

navigation-bar button-appearance

Properties

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

Selector

navigation-bar back-button-appearance

Properties

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]*