tailwindcss/docs/source/docs/background-position.blade.md
2017-11-09 14:05:03 -05:00

4.4 KiB

extends title description features
_layouts.documentation Background Position Utilities for controlling the position of an element's background image.
responsive customizable hover focus
true false false 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.