tailwindcss/docs/source/docs/background-size.blade.md

extends	title	description	features
_layouts.documentation	Background Size	Utilities for controlling the background size of an element's background image.	responsive customizable hover focus true false false false

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

@include('_partials.class-table', [ 'rows' => [ [ '.bg-cover', 'background-size: cover;', "Scale the image until it fills the background layer.", ], [ '.bg-contain', 'background-size: contain;', "Scale the image to the outer edges without cropping or stretching.", ], ] ])

Customizing

@include('_partials.variants-and-disabling', [ 'utility' => [ 'name' => 'background size', 'property' => 'backgroundSize', ], 'variants' => [ 'responsive', ], ])