Image Block Sizes

Introduction

page title heading deeplink

Image blocks can be configured for many different sizes. These are demonstrated on a separate page because the full array of sizes takes up a lot of page space.

This page focuses entirely on the different values for the data-image-size attribute.

top

Sliver

page title heading deeplink
an example image

Set either: the data-image-size attribute to sliver , or include the word sliver in the shorthand data-image space separated attribute.

top

Thin

page title heading deeplink
an example image

Set either: the data-image-size attribute to thin , or include the word thin in the shorthand data-image space separated attribute.

top

Banner

page title heading deeplink
an example image

Set either: the data-image-size attribute to banner , or include the word banner in the shorthand data-image space separated attribute.

top

Normal

page title heading deeplink
an example image

Set either: the data-image-size attribute to normal , or include the word normal in the shorthand data-image space separated attribute.

top

tall

page title heading deeplink
an example image

Set either: the data-image-size attribute to tall , or include the word tall in the shorthand data-image space separated attribute.

top

huge

page title heading deeplink
an example image

Set either: the data-image-size attribute to huge , or include the word huge in the shorthand data-image space separated attribute.

top

actual

page title heading deeplink
an example image

Set either: the data-image-size attribute to actual , or include the word actual in the shorthand data-image space separated attribute.

top