배경
배경 크기, 반복, 위치, 첨부, 클립 등을 제어합니다.
Background Size
| 클래스 | CSS |
|---|---|
bsc | background-size: cover |
bsct | background-size: contain |
Background Repeat
| 클래스 | CSS |
|---|---|
bgrr | background-repeat: repeat |
bgrn | background-repeat: no-repeat |
bgrx | background-repeat: repeat-x |
bgry | background-repeat: repeat-y |
bgrs | background-repeat: space |
bgrd | background-repeat: round |
Background Position
| 클래스 | CSS |
|---|---|
bgpc | background-position: center |
bgpt | background-position: top |
bgpb | background-position: bottom |
bgpl | background-position: left |
bgpr | background-position: right |
bgptl | background-position: top left |
bgptr | background-position: top right |
bgpbl | background-position: bottom left |
bgpbr | background-position: bottom right |
Background Attachment
| 클래스 | CSS |
|---|---|
bgas | background-attachment: scroll |
bgaf | background-attachment: fixed |
bgal | background-attachment: local |
Background Clip / Origin
| 클래스 | CSS |
|---|---|
bgcbb | background-clip: border-box |
bgcpb | background-clip: padding-box |
bgccb | background-clip: content-box |
bgct | background-clip: text |
bgobb | background-origin: border-box |
bgopb | background-origin: padding-box |
bgocb | background-origin: content-box |
기타
| 클래스 | CSS |
|---|---|
bgn | background: none |
bbmn | background-blend-mode: normal |
bbmm | background-blend-mode: multiply |
bbms | background-blend-mode: screen |