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