tailwindcss/docs/source/docs/background-position.blade.md
2017-10-31 17:46:38 -04:00

4.9 KiB

extends title
_layouts.documentation Background Position

Background Position

Utilities for controlling the position of an element's background image.

@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => false, 'hover' => false, 'focus' => false ])

@include('_partials.work-in-progress')

Class Properties Description
.bg-bottom background-position: bottom; Place the background image on the bottom edge.
.bg-center background-position: center; Place the background image in the center.
.bg-left background-position: left; Place the background image on the left edge.
.bg-left-bottom background-position: left bottom; Place the background image on the left bottom edge.
.bg-left-top background-position: left top; Place the background image on the left top edge.
.bg-right background-position: right; Place the background image on the right edge.
.bg-right-bottom background-position: right bottom; Place the background image on the right bottom edge.
.bg-right-top background-position: right top; Place the background image on the right top edge.
.bg-top background-position: top; Place the background image on the top edge.