30 lines
837 B
Markdown
30 lines
837 B
Markdown
---
|
|
title: CSS background
|
|
category: CSS
|
|
---
|
|
|
|
Background
|
|
----------
|
|
|
|
### Shorthand
|
|
|
|
background: #ff0 url(bg.jpg) left top / 100px auto no-repeat fixed;
|
|
background: #abc url(bg.png) center center / cover repeat-x local;
|
|
/* ^ ^ ^ ^ ^ ^
|
|
color image position size repeat attachment */
|
|
|
|
### Multiple backgrounds
|
|
|
|
background:
|
|
linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
|
|
url('background.jpg') center center / cover,
|
|
#333;
|
|
|
|
### Other properties
|
|
|
|
background-clip: border-box | padding-box | content-box [, ...]*; /* IE9+ */
|
|
background-repeat: no-repeat | repeat-x | repeat-y;
|
|
background-attachment: scroll | fixed | local;
|
|
background: url(x), url(y); /* multiple (IE9+) */
|
|
|