The height attribute is required only for the fixed-height mode
The background position does not work in fluid-height mode on outlook.com
For better result we encourage you to use a background image width equal to the hero container width and always specify a fallback background color, in case the user email client does not support background images.
Please keep the hero container height below the image height. When the hero container height - both in fixed or fluid modes - is greater than the background image height, we can’t guarantee a perfect rendering in all supported email clients
attribute
unit
description
default value
background-color
color
hero background color
#ffffff
background-height
px
height of the image used (mandatory in fixed-height mode)
none
background-position
top/center/bottom left/center/right
background image position
center center
background-url
url
absolute background url
n/a
background-width
px
width of the image used
parent element width
css-class
string
class name, added to the root HTML element created
n/a
height
px
hero section height (required for fixed-height mode)
0px
mode
fluid-height/fixed-height
choose if the height is fixed based on the height attribute or fluid
