All CSS Background Properties Explained in 5 Minutes

Quick, but Complete Introduction to CSS Background Properties

🎨 Color

📷 Image

Repeat

Size

250 x 125 image in a 300 x 300 box. The semi-transparent parts represent image tiling with background-repeat: repeat.

Position

📌 Attachment

Origin

This example assumes background-repeat: no-repeat;

Clip

Layers

Click them, don’t be shy 😉

I write about web development tips & news. Follow me on twitter for more: twitter.com/HadrysMateusz

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store