<%= head %> <%= siteHeader %>

Background Size

Background-size affects how background images fill their containing elements. While measurements can be declared explicitly to size an image, the values that seem most reusable are contain and cover.

Examples

.contain { background-size: contain }

contain will make sure that the entire image is displayed within the element, regardless of the elements dimensions.

.cover { background-size: cover }

cover will make sure the entire element is covered - but won't guarantee that the entire image will be shown.

Previous

Hovers

Next

Borders

<%= name %>

v<%= moduleVersion %> <%= moduleSize %>
Declarations
<%= moduleObj.declarations.total %>
Selectors
<%= moduleObj.selectors.total %>
Max. Specificity Score
<%= moduleObj.selectors.specificity.max %>
Size of Avg. Rule
<%= moduleObj.rules.size.average %>
Source Code
src/_background-size.css

<%= srccss  %>

<%= navDocs %>
<%= siteFooter %> <%= googleAnalytics %>