forked from AuroraMiddleware/gtk
baf6f38f1a
These CSS files test the background shorthand property when it's used with multiple background layers.
2705 lines
177 KiB
CSS
2705 lines
177 KiB
CSS
a {
|
|
background: round no-repeat border-box top left, content-box, padding-box padding-box 10% repeat none, url("test.png") round no-repeat, border-box center / auto auto linear-gradient(pink, purple), none padding-box round no-repeat 5px bottom, round no-repeat top left padding-box, padding-box none round no-repeat #ADF 5px bottom / 10%;
|
|
}
|
|
|
|
b {
|
|
background: 10% border-box, content-box content-box round no-repeat 10%, linear-gradient(pink, purple) 5px bottom padding-box content-box, repeat 10% / 10% none content-box content-box, border-box round no-repeat top left / cover, round no-repeat top left / 10% content-box padding-box, border-box round no-repeat top left none, center border-box url("test.png") round no-repeat, border-box border-box none repeat center;
|
|
}
|
|
|
|
c {
|
|
background: round no-repeat none padding-box top left / auto auto, round no-repeat center, padding-box, repeat none padding-box, content-box padding-box top left / cover url("test.png") round no-repeat, content-box content-box round no-repeat, round no-repeat 10% none, @home border-box border-box center url("test.png");
|
|
}
|
|
|
|
d {
|
|
background: url("test.png") round no-repeat, linear-gradient(pink, purple) round no-repeat 10% content-box, linear-gradient(pink, purple) repeat top left content-box, url("test.png") 10% padding-box, repeat padding-box 10% / auto auto none, padding-box padding-box url("test.png"), content-box repeat 10% / cover, round no-repeat red;
|
|
}
|
|
|
|
e {
|
|
background: round no-repeat 10%, url("test.png") 10% content-box repeat, 5px bottom, url("test.png") 5px bottom padding-box, url("test.png") top left border-box padding-box repeat, url("test.png") center / cover, repeat padding-box, none 10% / auto auto, border-box content-box repeat, center / 10% repeat red padding-box;
|
|
}
|
|
|
|
f {
|
|
background: round no-repeat content-box border-box top left, top left none border-box, #ADF content-box none round no-repeat;
|
|
}
|
|
|
|
g {
|
|
background: repeat url("test.png") 5px bottom / 10% padding-box border-box, top left content-box content-box round no-repeat url("test.png"), url("test.png") repeat center / cover content-box;
|
|
}
|
|
|
|
h {
|
|
background: center / 10% content-box round no-repeat, linear-gradient(pink, purple) repeat 10% content-box padding-box, padding-box repeat linear-gradient(pink, purple) center / cover, none, url("test.png") repeat padding-box 5px bottom, border-box url("test.png") repeat;
|
|
}
|
|
|
|
i {
|
|
background: url("test.png") padding-box, alpha(pink, 0.5) round no-repeat top left content-box;
|
|
}
|
|
|
|
j {
|
|
background: top left padding-box linear-gradient(pink, purple) repeat, linear-gradient(pink, purple) border-box border-box top left, url("test.png"), alpha(pink, 0.5) round no-repeat none;
|
|
}
|
|
|
|
k {
|
|
background: repeat top left / 10% none content-box, top left border-box padding-box repeat, center / 10% content-box content-box url("test.png"), top left / cover border-box linear-gradient(pink, purple), content-box padding-box repeat none, url("test.png") repeat, round no-repeat padding-box top left none, content-box content-box 10% repeat;
|
|
}
|
|
|
|
l {
|
|
background: border-box url("test.png"), round no-repeat padding-box content-box top left, repeat 10% content-box, linear-gradient(pink, purple) padding-box 10% @home repeat;
|
|
}
|
|
|
|
m {
|
|
background: content-box padding-box repeat none center, repeat linear-gradient(pink, purple);
|
|
}
|
|
|
|
n {
|
|
background: 10% round no-repeat, none repeat padding-box content-box, content-box center / 10% repeat, top left round no-repeat none, content-box border-box round no-repeat linear-gradient(pink, purple) 10%, top left / 10% repeat, padding-box border-box;
|
|
}
|
|
|
|
o {
|
|
background: border-box content-box round no-repeat 5px bottom url("test.png"), top left / 10% linear-gradient(pink, purple);
|
|
}
|
|
|
|
p {
|
|
background: currentColor content-box content-box 5px bottom / auto auto;
|
|
}
|
|
|
|
q {
|
|
background: border-box linear-gradient(pink, purple) 10%, padding-box repeat 10% / cover none, linear-gradient(pink, purple) content-box content-box, repeat, padding-box padding-box repeat 10% / cover, top left linear-gradient(pink, purple) content-box border-box round no-repeat, url("test.png") 5px bottom round no-repeat, top left border-box border-box, content-box repeat center, content-box padding-box center url("test.png") round no-repeat #ADF;
|
|
}
|
|
|
|
r {
|
|
background: content-box url("test.png") center round no-repeat, border-box border-box 10% round no-repeat url("test.png"), repeat linear-gradient(pink, purple) content-box, #ADF 5px bottom repeat padding-box content-box;
|
|
}
|
|
|
|
s {
|
|
background: round no-repeat padding-box 10%, repeat padding-box content-box, content-box repeat none, round no-repeat top left / 10%, top left repeat url("test.png") padding-box border-box, repeat center url("test.png"), padding-box 5px bottom, center / auto auto content-box round no-repeat url("test.png"), padding-box round no-repeat none center, content-box 5px bottom round no-repeat, linear-gradient(pink, purple) 10% repeat, padding-box 5px bottom repeat url("test.png"), center url("test.png") border-box;
|
|
}
|
|
|
|
t {
|
|
background: padding-box url("test.png") 5px bottom / 10% round no-repeat, round no-repeat none alpha(pink, 0.5);
|
|
}
|
|
|
|
u {
|
|
background: round no-repeat, border-box repeat currentColor top left / auto auto;
|
|
}
|
|
|
|
v {
|
|
background: none padding-box content-box round no-repeat, content-box 5px bottom round no-repeat, center / 10% url("test.png"), center padding-box none, round no-repeat content-box 5px bottom url("test.png"), 10% round no-repeat padding-box, round no-repeat linear-gradient(pink, purple) red content-box padding-box;
|
|
}
|
|
|
|
w {
|
|
background: top left linear-gradient(pink, purple), top left none repeat content-box, 10% border-box linear-gradient(pink, purple) round no-repeat, content-box center / auto auto round no-repeat, border-box round no-repeat 10% / 10%, border-box border-box 10%, none round no-repeat, 5px bottom border-box round no-repeat, linear-gradient(pink, purple), linear-gradient(pink, purple) repeat, repeat top left / 10% padding-box, round no-repeat none, linear-gradient(pink, purple), repeat linear-gradient(pink, purple), round no-repeat url("test.png") top left, round no-repeat content-box none top left, 10% repeat, 10% repeat padding-box border-box url("test.png"), round no-repeat center url("test.png"), repeat none center border-box padding-box, padding-box border-box none, padding-box repeat linear-gradient(pink, purple) top left, none border-box, url("test.png") round no-repeat, content-box content-box center / 10% repeat none;
|
|
}
|
|
|
|
x {
|
|
background: none content-box round no-repeat 10%, alpha(pink, 0.5) top left;
|
|
}
|
|
|
|
y {
|
|
background: repeat 5px bottom / cover, top left / auto auto round no-repeat, round no-repeat 10% / cover content-box none, red padding-box repeat 5px bottom url("test.png");
|
|
}
|
|
|
|
z {
|
|
background: linear-gradient(pink, purple) 5px bottom repeat content-box, round no-repeat content-box top left, repeat content-box none top left, center / auto auto padding-box border-box none, padding-box top left none repeat, 5px bottom / 10% padding-box url("test.png") repeat, repeat top left, round no-repeat border-box padding-box 10% none, padding-box repeat linear-gradient(pink, purple) 10%, round no-repeat center border-box, border-box 10% url("test.png"), top left padding-box padding-box, padding-box none, 5px bottom / cover border-box content-box round no-repeat, repeat linear-gradient(pink, purple) padding-box padding-box, url("test.png") content-box 5px bottom / auto auto, round no-repeat none content-box 10%, 5px bottom linear-gradient(pink, purple) border-box repeat, 10% padding-box repeat linear-gradient(pink, purple), padding-box url("test.png") round no-repeat top left, repeat 10% none padding-box, padding-box border-box repeat top left none, center round no-repeat;
|
|
}
|
|
|
|
ab {
|
|
background: repeat 5px bottom padding-box padding-box, top left linear-gradient(pink, purple) content-box padding-box, center repeat border-box, 5px bottom round no-repeat, top left / auto auto padding-box content-box none, round no-repeat 5px bottom / 10% content-box, 5px bottom / auto auto border-box, round no-repeat none, url("test.png") round no-repeat top left, url("test.png") content-box, url("test.png") center, border-box border-box url("test.png"), url("test.png") border-box 10%, center url("test.png") border-box, center / cover content-box padding-box round no-repeat, url("test.png") repeat 10% padding-box content-box, none content-box center / auto auto, content-box, linear-gradient(pink, purple) repeat top left / cover, repeat content-box content-box 10%, center border-box, 5px bottom / auto auto linear-gradient(pink, purple) round no-repeat padding-box, repeat 5px bottom, none border-box border-box, content-box round no-repeat, center / auto auto round no-repeat border-box border-box, red linear-gradient(pink, purple) round no-repeat content-box;
|
|
}
|
|
|
|
bb {
|
|
background: 5px bottom / 10% content-box, center border-box padding-box repeat, round no-repeat 5px bottom alpha(pink, 0.5) linear-gradient(pink, purple);
|
|
}
|
|
|
|
cb {
|
|
background: url("test.png") round no-repeat, padding-box padding-box center none, center repeat linear-gradient(pink, purple) border-box, center / cover padding-box border-box, top left round no-repeat none border-box border-box, round no-repeat 10% / cover border-box border-box, none padding-box padding-box red;
|
|
}
|
|
|
|
db {
|
|
background: border-box padding-box @home 5px bottom;
|
|
}
|
|
|
|
eb {
|
|
background: none repeat, top left url("test.png") border-box repeat, none border-box padding-box center, content-box 5px bottom / auto auto url("test.png"), none, padding-box 10% url("test.png"), padding-box 10% / 10%, border-box linear-gradient(pink, purple), padding-box linear-gradient(pink, purple) round no-repeat, center none padding-box;
|
|
}
|
|
|
|
fb {
|
|
background: border-box 10% round no-repeat, none padding-box center, content-box 5px bottom / auto auto url("test.png"), linear-gradient(pink, purple) 5px bottom / auto auto border-box border-box repeat, padding-box padding-box round no-repeat top left, center repeat url("test.png") content-box, repeat border-box, 5px bottom / auto auto round no-repeat none, top left url("test.png"), border-box padding-box url("test.png") top left / cover, none 5px bottom / auto auto, none 5px bottom repeat, top left content-box border-box repeat, top left url("test.png") repeat content-box content-box, border-box 5px bottom / auto auto, 10% / 10% border-box linear-gradient(pink, purple), repeat 10% url("test.png"), url("test.png") round no-repeat 5px bottom, content-box 5px bottom none, repeat 5px bottom border-box none, padding-box border-box none top left repeat, linear-gradient(pink, purple) padding-box 10% round no-repeat, top left / auto auto content-box repeat url("test.png"), border-box round no-repeat 10% / 10%, center repeat url("test.png"), 5px bottom / cover none padding-box padding-box repeat, repeat top left padding-box none, repeat linear-gradient(pink, purple) 10%, none red round no-repeat;
|
|
}
|
|
|
|
gb {
|
|
background: padding-box round no-repeat top left;
|
|
}
|
|
|
|
hb {
|
|
background: center border-box padding-box url("test.png") round no-repeat, linear-gradient(pink, purple) padding-box border-box 10% repeat, none 5px bottom repeat content-box, 5px bottom round no-repeat content-box url("test.png"), padding-box linear-gradient(pink, purple) 5px bottom repeat, center padding-box linear-gradient(pink, purple), content-box round no-repeat, content-box 5px bottom url("test.png"), top left padding-box padding-box none round no-repeat;
|
|
}
|
|
|
|
ib {
|
|
background: none 5px bottom / 10%, linear-gradient(pink, purple) 5px bottom padding-box round no-repeat;
|
|
}
|
|
|
|
jb {
|
|
background: round no-repeat 10% none border-box, round no-repeat 10% none, none round no-repeat center / auto auto, linear-gradient(pink, purple) border-box padding-box top left, round no-repeat, 5px bottom / 10% border-box, border-box linear-gradient(pink, purple) 10% / auto auto, 10% border-box round no-repeat, url("test.png") border-box padding-box, 5px bottom border-box content-box, repeat border-box, linear-gradient(pink, purple) round no-repeat 5px bottom, 10% / cover none padding-box padding-box round no-repeat, linear-gradient(pink, purple) padding-box, #ADF content-box 5px bottom;
|
|
}
|
|
|
|
kb {
|
|
background: 5px bottom / auto auto, repeat url("test.png");
|
|
}
|
|
|
|
lb {
|
|
background: 5px bottom / 10% none content-box repeat, round no-repeat border-box url("test.png"), center linear-gradient(pink, purple) content-box padding-box round no-repeat, linear-gradient(pink, purple) top left round no-repeat, 10% border-box border-box, center round no-repeat content-box linear-gradient(pink, purple), round no-repeat url("test.png") alpha(pink, 0.5);
|
|
}
|
|
|
|
mb {
|
|
background: content-box content-box round no-repeat none, round no-repeat top left, round no-repeat 5px bottom, repeat border-box linear-gradient(pink, purple) center, center padding-box url("test.png"), round no-repeat url("test.png"), repeat padding-box 10%;
|
|
}
|
|
|
|
nb {
|
|
background: url("test.png"), content-box repeat, top left padding-box round no-repeat @home;
|
|
}
|
|
|
|
ob {
|
|
background: padding-box center round no-repeat, round no-repeat linear-gradient(pink, purple), repeat border-box, url("test.png") repeat content-box, padding-box round no-repeat top left none, border-box padding-box linear-gradient(pink, purple) repeat, padding-box center / cover none, content-box round no-repeat 5px bottom, #ADF round no-repeat url("test.png") top left / 10% border-box padding-box;
|
|
}
|
|
|
|
pb {
|
|
background: linear-gradient(pink, purple), 10% none round no-repeat, url("test.png") center currentColor repeat;
|
|
}
|
|
|
|
qb {
|
|
background: top left none, url("test.png") border-box content-box center, linear-gradient(pink, purple) border-box content-box top left / 10% repeat, border-box top left alpha(pink, 0.5) repeat;
|
|
}
|
|
|
|
rb {
|
|
background: border-box padding-box center none, round no-repeat linear-gradient(pink, purple) 10% content-box, linear-gradient(pink, purple) 5px bottom / 10% repeat, #ADF url("test.png") content-box center;
|
|
}
|
|
|
|
sb {
|
|
background: round no-repeat top left none, none round no-repeat content-box padding-box 5px bottom, 5px bottom red round no-repeat;
|
|
}
|
|
|
|
tb {
|
|
background: alpha(pink, 0.5) repeat 10%;
|
|
}
|
|
|
|
ub {
|
|
background: padding-box, center, repeat 10% border-box linear-gradient(pink, purple), repeat top left, none content-box repeat top left, content-box 5px bottom / 10% url("test.png") alpha(pink, 0.5);
|
|
}
|
|
|
|
vb {
|
|
background: 5px bottom round no-repeat;
|
|
}
|
|
|
|
wb {
|
|
background: content-box padding-box none repeat, border-box, center border-box content-box, repeat url("test.png") top left padding-box, linear-gradient(pink, purple) round no-repeat content-box padding-box 10%, padding-box round no-repeat top left, top left / auto auto padding-box linear-gradient(pink, purple) @home;
|
|
}
|
|
|
|
xb {
|
|
background: url("test.png") 5px bottom / cover border-box #ADF repeat;
|
|
}
|
|
|
|
yb {
|
|
background: repeat padding-box, padding-box round no-repeat linear-gradient(pink, purple) 10%, top left / auto auto round no-repeat content-box url("test.png"), repeat content-box center url("test.png"), url("test.png") repeat border-box border-box top left, url("test.png") 10% repeat, round no-repeat linear-gradient(pink, purple) top left, none round no-repeat content-box, url("test.png") 10% / cover padding-box padding-box repeat, border-box repeat top left / 10%, content-box url("test.png") center, top left border-box repeat;
|
|
}
|
|
|
|
zb {
|
|
background: padding-box content-box none round no-repeat top left, url("test.png") round no-repeat 10% content-box content-box, repeat 10% padding-box content-box linear-gradient(pink, purple), border-box top left linear-gradient(pink, purple), border-box round no-repeat, top left repeat border-box, top left / cover border-box, content-box round no-repeat 5px bottom / 10%, content-box round no-repeat 5px bottom, round no-repeat border-box 5px bottom / cover linear-gradient(pink, purple), repeat padding-box none 5px bottom, 10% padding-box repeat, linear-gradient(pink, purple) repeat border-box padding-box red;
|
|
}
|
|
|
|
ac {
|
|
background: url("test.png") padding-box repeat, round no-repeat top left / 10% url("test.png"), content-box linear-gradient(pink, purple) round no-repeat top left, 5px bottom / 10% round no-repeat linear-gradient(pink, purple), top left content-box repeat red;
|
|
}
|
|
|
|
bc {
|
|
background: repeat top left / auto auto, repeat, 10% / 10% padding-box border-box linear-gradient(pink, purple) repeat @home;
|
|
}
|
|
|
|
cc {
|
|
background: repeat border-box, border-box content-box center none, round no-repeat none center, 5px bottom / cover round no-repeat none content-box, padding-box content-box center;
|
|
}
|
|
|
|
dc {
|
|
background: 5px bottom none content-box round no-repeat, center round no-repeat content-box, 10% url("test.png") border-box repeat, none border-box content-box top left / 10% repeat, repeat padding-box none 10%, 5px bottom round no-repeat content-box, repeat 5px bottom url("test.png") padding-box, repeat none, center padding-box, url("test.png") center border-box padding-box @home;
|
|
}
|
|
|
|
ec {
|
|
background: none content-box round no-repeat @home;
|
|
}
|
|
|
|
fc {
|
|
background: round no-repeat center / auto auto padding-box, none 5px bottom / 10% content-box, padding-box 10% url("test.png") repeat, repeat border-box none center, round no-repeat content-box center url("test.png"), round no-repeat 10% none, border-box url("test.png"), top left / cover url("test.png") repeat, content-box border-box repeat top left, none padding-box repeat, center repeat none, linear-gradient(pink, purple) center content-box;
|
|
}
|
|
|
|
gc {
|
|
background: repeat center, round no-repeat 5px bottom linear-gradient(pink, purple) padding-box, content-box top left / auto auto repeat, url("test.png") 10% repeat;
|
|
}
|
|
|
|
hc {
|
|
background: url("test.png") border-box center, none padding-box 5px bottom / auto auto, none, repeat url("test.png") 10% / cover content-box, repeat border-box padding-box center url("test.png"), top left / 10% @home;
|
|
}
|
|
|
|
ic {
|
|
background: repeat top left url("test.png") content-box padding-box, center / cover padding-box repeat none, content-box content-box top left url("test.png"), border-box 10% / cover round no-repeat, repeat 10%, repeat 5px bottom content-box, border-box 5px bottom, linear-gradient(pink, purple) content-box top left round no-repeat, content-box url("test.png") round no-repeat, repeat padding-box 5px bottom, 10% / auto auto round no-repeat padding-box, content-box linear-gradient(pink, purple), repeat content-box center #ADF linear-gradient(pink, purple);
|
|
}
|
|
|
|
jc {
|
|
background: border-box url("test.png") round no-repeat top left, url("test.png") 10% @home border-box repeat;
|
|
}
|
|
|
|
kc {
|
|
background: padding-box currentColor repeat 5px bottom url("test.png");
|
|
}
|
|
|
|
lc {
|
|
background: round no-repeat top left / auto auto content-box, center / cover round no-repeat padding-box border-box none, round no-repeat padding-box top left / auto auto linear-gradient(pink, purple), 5px bottom repeat, linear-gradient(pink, purple) center / cover repeat, center repeat content-box none, round no-repeat url("test.png") top left, center content-box url("test.png") #ADF repeat;
|
|
}
|
|
|
|
mc {
|
|
background: padding-box none 10%, center, round no-repeat, repeat linear-gradient(pink, purple) padding-box border-box, padding-box padding-box repeat top left / cover, 5px bottom border-box none;
|
|
}
|
|
|
|
nc {
|
|
background: content-box 5px bottom, repeat url("test.png") top left / cover, none content-box content-box, padding-box 10% / auto auto url("test.png") repeat currentColor;
|
|
}
|
|
|
|
oc {
|
|
background: alpha(pink, 0.5) padding-box none center;
|
|
}
|
|
|
|
pc {
|
|
background: repeat border-box url("test.png"), round no-repeat 5px bottom / auto auto linear-gradient(pink, purple) content-box, repeat center red;
|
|
}
|
|
|
|
qc {
|
|
background: content-box content-box 5px bottom / auto auto, round no-repeat center / 10% content-box, 10% / auto auto currentColor;
|
|
}
|
|
|
|
rc {
|
|
background: padding-box padding-box url("test.png"), 5px bottom url("test.png") padding-box, url("test.png") padding-box repeat 10% / cover, padding-box repeat none top left, none repeat, border-box, url("test.png") round no-repeat content-box;
|
|
}
|
|
|
|
sc {
|
|
background: repeat content-box linear-gradient(pink, purple), 10% repeat border-box, border-box url("test.png"), round no-repeat 5px bottom / 10% none, none top left / cover, 5px bottom none repeat, border-box border-box none, none currentColor round no-repeat padding-box;
|
|
}
|
|
|
|
tc {
|
|
background: none content-box, 5px bottom, padding-box 5px bottom, padding-box content-box linear-gradient(pink, purple) red;
|
|
}
|
|
|
|
uc {
|
|
background: center content-box repeat url("test.png"), 10% linear-gradient(pink, purple) padding-box, round no-repeat url("test.png") content-box padding-box, repeat none, padding-box 10% repeat url("test.png"), round no-repeat content-box content-box top left, round no-repeat padding-box border-box center linear-gradient(pink, purple), round no-repeat url("test.png") 10%, repeat none, round no-repeat 5px bottom / cover url("test.png"), repeat border-box border-box 5px bottom / cover, none padding-box border-box top left, 10% / cover none, linear-gradient(pink, purple), padding-box round no-repeat 10% linear-gradient(pink, purple), center round no-repeat, url("test.png") alpha(pink, 0.5) border-box center;
|
|
}
|
|
|
|
vc {
|
|
background: round no-repeat 10% none, repeat url("test.png") 5px bottom, none repeat, repeat border-box, none content-box border-box round no-repeat, round no-repeat 5px bottom padding-box border-box red;
|
|
}
|
|
|
|
wc {
|
|
background: repeat border-box padding-box top left linear-gradient(pink, purple), padding-box border-box linear-gradient(pink, purple), 5px bottom round no-repeat border-box none alpha(pink, 0.5);
|
|
}
|
|
|
|
xc {
|
|
background: border-box url("test.png") top left repeat;
|
|
}
|
|
|
|
yc {
|
|
background: @home;
|
|
}
|
|
|
|
zc {
|
|
background: top left / auto auto linear-gradient(pink, purple) red border-box border-box;
|
|
}
|
|
|
|
ad {
|
|
background: 5px bottom / cover url("test.png") border-box border-box, repeat padding-box top left, repeat 10% linear-gradient(pink, purple), top left, repeat padding-box;
|
|
}
|
|
|
|
bd {
|
|
background: linear-gradient(pink, purple) round no-repeat 10%;
|
|
}
|
|
|
|
cd {
|
|
background: url("test.png") repeat, none round no-repeat padding-box center, 5px bottom padding-box none, round no-repeat border-box, repeat padding-box, round no-repeat content-box, linear-gradient(pink, purple) padding-box content-box round no-repeat, top left content-box, center, none border-box repeat top left, repeat linear-gradient(pink, purple) top left / cover border-box, padding-box border-box repeat 10% / auto auto linear-gradient(pink, purple), currentColor url("test.png");
|
|
}
|
|
|
|
dd {
|
|
background: linear-gradient(pink, purple) border-box content-box, url("test.png") border-box round no-repeat;
|
|
}
|
|
|
|
ed {
|
|
background: center / auto auto alpha(pink, 0.5) repeat content-box none;
|
|
}
|
|
|
|
fd {
|
|
background: repeat border-box, border-box border-box 10% none, 5px bottom, round no-repeat top left, padding-box repeat url("test.png"), padding-box content-box center round no-repeat url("test.png"), url("test.png") repeat top left, border-box border-box url("test.png") top left, content-box, padding-box none repeat center, url("test.png") 10%, top left / auto auto url("test.png") repeat, #ADF center / 10% content-box linear-gradient(pink, purple);
|
|
}
|
|
|
|
gd {
|
|
background: round no-repeat border-box 10% / 10%, 10%, none 5px bottom padding-box repeat, 10% round no-repeat, round no-repeat linear-gradient(pink, purple) 5px bottom content-box, 10% / cover repeat content-box;
|
|
}
|
|
|
|
hd {
|
|
background: content-box linear-gradient(pink, purple), round no-repeat padding-box 5px bottom / cover, url("test.png") padding-box padding-box 5px bottom, url("test.png") content-box padding-box repeat alpha(pink, 0.5);
|
|
}
|
|
|
|
id {
|
|
background: 10% / cover padding-box, none 5px bottom repeat border-box border-box, center / cover linear-gradient(pink, purple) padding-box repeat, border-box round no-repeat url("test.png") top left, border-box repeat url("test.png") top left, 10% border-box padding-box url("test.png") repeat, 10% content-box border-box round no-repeat url("test.png") @home;
|
|
}
|
|
|
|
jd {
|
|
background: border-box none repeat 10%, none round no-repeat content-box padding-box currentColor;
|
|
}
|
|
|
|
kd {
|
|
background: none center / 10% #ADF padding-box;
|
|
}
|
|
|
|
ld {
|
|
background: border-box repeat linear-gradient(pink, purple), 5px bottom none repeat, content-box border-box 5px bottom / cover url("test.png");
|
|
}
|
|
|
|
md {
|
|
background: url("test.png") round no-repeat border-box, padding-box padding-box top left, repeat content-box 10%, border-box top left linear-gradient(pink, purple) round no-repeat, none padding-box center / auto auto, none border-box, #ADF linear-gradient(pink, purple) border-box padding-box 5px bottom;
|
|
}
|
|
|
|
nd {
|
|
background: url("test.png") 5px bottom / auto auto, red 5px bottom linear-gradient(pink, purple) border-box padding-box;
|
|
}
|
|
|
|
od {
|
|
background: linear-gradient(pink, purple) center, padding-box top left round no-repeat, none, repeat 5px bottom, alpha(pink, 0.5) url("test.png");
|
|
}
|
|
|
|
pd {
|
|
background: content-box 10% @home round no-repeat;
|
|
}
|
|
|
|
qd {
|
|
background: repeat none 5px bottom, center round no-repeat none content-box padding-box, none padding-box border-box #ADF center / 10%;
|
|
}
|
|
|
|
rd {
|
|
background: border-box border-box top left repeat url("test.png"), 10% / cover none content-box round no-repeat;
|
|
}
|
|
|
|
sd {
|
|
background: 10% none, 10% / auto auto content-box content-box, border-box content-box url("test.png") top left, round no-repeat padding-box 5px bottom, repeat padding-box linear-gradient(pink, purple) top left / 10%, padding-box 10%, content-box none, padding-box 5px bottom / 10%, linear-gradient(pink, purple) border-box center / 10% repeat, repeat center, repeat 5px bottom / 10% linear-gradient(pink, purple) #ADF;
|
|
}
|
|
|
|
td {
|
|
background: 10% padding-box repeat, url("test.png") repeat border-box top left, none border-box, repeat top left none padding-box border-box, center round no-repeat url("test.png"), padding-box repeat, round no-repeat 10% url("test.png"), 5px bottom / auto auto round no-repeat none content-box border-box, round no-repeat, center padding-box none, repeat, linear-gradient(pink, purple) repeat content-box border-box, padding-box round no-repeat linear-gradient(pink, purple), padding-box top left / cover none repeat, padding-box padding-box top left repeat none, repeat 10% none, 10% linear-gradient(pink, purple);
|
|
}
|
|
|
|
ud {
|
|
background: 10% / 10% border-box none;
|
|
}
|
|
|
|
vd {
|
|
background: none;
|
|
}
|
|
|
|
wd {
|
|
background: 10% / auto auto round no-repeat, 5px bottom linear-gradient(pink, purple) red border-box repeat;
|
|
}
|
|
|
|
xd {
|
|
background: linear-gradient(pink, purple) top left repeat content-box border-box, padding-box none round no-repeat;
|
|
}
|
|
|
|
yd {
|
|
background: linear-gradient(pink, purple) padding-box content-box, padding-box 10%, border-box repeat 10% url("test.png"), url("test.png") round no-repeat 10% / 10% padding-box, content-box border-box round no-repeat alpha(pink, 0.5) top left / 10% url("test.png");
|
|
}
|
|
|
|
zd {
|
|
background: repeat content-box 10%, 5px bottom content-box none;
|
|
}
|
|
|
|
ae {
|
|
background: 10% content-box repeat url("test.png"), none padding-box 5px bottom / cover, repeat padding-box center none, top left padding-box padding-box repeat, content-box none, repeat padding-box padding-box linear-gradient(pink, purple) 5px bottom, 10% / cover content-box, center content-box border-box round no-repeat, top left content-box repeat, padding-box padding-box top left repeat, round no-repeat center / 10% url("test.png"), padding-box 5px bottom;
|
|
}
|
|
|
|
be {
|
|
background: linear-gradient(pink, purple) content-box border-box 5px bottom, none 5px bottom @home round no-repeat;
|
|
}
|
|
|
|
ce {
|
|
background: round no-repeat top left border-box padding-box linear-gradient(pink, purple);
|
|
}
|
|
|
|
de {
|
|
background: border-box url("test.png") round no-repeat 10% / 10%, round no-repeat center, round no-repeat content-box border-box linear-gradient(pink, purple) center / auto auto, linear-gradient(pink, purple) padding-box, url("test.png") border-box border-box center, 5px bottom / auto auto repeat content-box padding-box linear-gradient(pink, purple), linear-gradient(pink, purple) top left, none, linear-gradient(pink, purple) repeat border-box, top left repeat border-box padding-box, 5px bottom round no-repeat border-box, border-box padding-box center repeat, content-box padding-box linear-gradient(pink, purple), 10% / auto auto round no-repeat border-box, 5px bottom / auto auto content-box content-box none @home;
|
|
}
|
|
|
|
ee {
|
|
background: 10% / auto auto, none round no-repeat top left, round no-repeat padding-box, none top left content-box, 5px bottom padding-box padding-box, url("test.png") 10%, border-box repeat center, round no-repeat content-box linear-gradient(pink, purple), repeat padding-box center, padding-box center / auto auto;
|
|
}
|
|
|
|
fe {
|
|
background: linear-gradient(pink, purple) border-box padding-box, content-box padding-box round no-repeat linear-gradient(pink, purple), repeat 5px bottom url("test.png"), none round no-repeat center, 10% linear-gradient(pink, purple) round no-repeat, url("test.png") repeat content-box, linear-gradient(pink, purple) center / auto auto round no-repeat padding-box content-box, padding-box center / cover repeat none, none content-box currentColor round no-repeat 5px bottom / 10%;
|
|
}
|
|
|
|
ge {
|
|
background: 10% round no-repeat border-box padding-box, round no-repeat top left, linear-gradient(pink, purple) content-box 10% / 10% red round no-repeat;
|
|
}
|
|
|
|
he {
|
|
background: repeat content-box, border-box border-box center repeat, none 10% repeat, 5px bottom content-box content-box none repeat, content-box, padding-box content-box top left repeat, 10% none content-box, repeat padding-box padding-box center, @home repeat 10% / 10% border-box none;
|
|
}
|
|
|
|
ie {
|
|
background: round no-repeat 10% / cover border-box padding-box, center / 10% border-box url("test.png") round no-repeat, repeat center border-box, url("test.png") repeat, round no-repeat 5px bottom / cover linear-gradient(pink, purple);
|
|
}
|
|
|
|
je {
|
|
background: content-box center repeat, repeat top left, round no-repeat, round no-repeat url("test.png") 10% / cover, repeat content-box 10% none, center, linear-gradient(pink, purple) repeat border-box, border-box center / cover, round no-repeat, 5px bottom content-box content-box none, border-box url("test.png"), 5px bottom / cover linear-gradient(pink, purple) #ADF;
|
|
}
|
|
|
|
ke {
|
|
background: round no-repeat url("test.png") padding-box padding-box 5px bottom, none round no-repeat border-box content-box top left, round no-repeat @home content-box;
|
|
}
|
|
|
|
le {
|
|
background: round no-repeat center / cover linear-gradient(pink, purple) currentColor;
|
|
}
|
|
|
|
me {
|
|
background: content-box border-box 5px bottom / cover, border-box top left url("test.png"), repeat padding-box, border-box none center / auto auto, none repeat border-box padding-box top left, 10% border-box content-box round no-repeat;
|
|
}
|
|
|
|
ne {
|
|
background: border-box round no-repeat 10% / 10%;
|
|
}
|
|
|
|
oe {
|
|
background: border-box 5px bottom repeat, round no-repeat padding-box 5px bottom none, round no-repeat padding-box center / auto auto, content-box top left round no-repeat, border-box, 10% / cover content-box repeat url("test.png"), repeat padding-box border-box top left linear-gradient(pink, purple), none padding-box content-box round no-repeat, none top left, none 5px bottom content-box, top left repeat padding-box, 5px bottom padding-box, none padding-box top left / auto auto currentColor;
|
|
}
|
|
|
|
pe {
|
|
background: url("test.png") repeat, url("test.png") round no-repeat top left content-box, 5px bottom / auto auto padding-box content-box round no-repeat, center repeat, padding-box, 5px bottom;
|
|
}
|
|
|
|
qe {
|
|
background: border-box url("test.png") 5px bottom;
|
|
}
|
|
|
|
re {
|
|
background: top left / cover repeat linear-gradient(pink, purple), 5px bottom border-box repeat, url("test.png") repeat, linear-gradient(pink, purple) round no-repeat, none repeat padding-box padding-box, repeat none padding-box top left, url("test.png") 10% / 10% border-box, repeat 5px bottom none, center border-box padding-box linear-gradient(pink, purple) round no-repeat, border-box round no-repeat 10%, content-box padding-box top left / 10% linear-gradient(pink, purple) repeat;
|
|
}
|
|
|
|
se {
|
|
background: none round no-repeat content-box center, center border-box, round no-repeat url("test.png") border-box center / cover, padding-box url("test.png"), border-box border-box 5px bottom round no-repeat, none 5px bottom, round no-repeat 10% border-box, linear-gradient(pink, purple) center content-box, repeat padding-box center, border-box linear-gradient(pink, purple), padding-box 5px bottom url("test.png") repeat, center repeat padding-box, repeat border-box, padding-box round no-repeat none center, padding-box round no-repeat, none 5px bottom padding-box round no-repeat, repeat 10% border-box, none content-box 5px bottom round no-repeat, linear-gradient(pink, purple) repeat 5px bottom, round no-repeat 5px bottom / cover none content-box, url("test.png") 5px bottom / cover padding-box, padding-box repeat 5px bottom / cover, border-box padding-box none 10%, repeat center padding-box url("test.png"), round no-repeat linear-gradient(pink, purple), repeat padding-box border-box none #ADF;
|
|
}
|
|
|
|
te {
|
|
background: url("test.png") top left, border-box top left / cover repeat linear-gradient(pink, purple), repeat top left linear-gradient(pink, purple), content-box padding-box center none repeat, 5px bottom padding-box content-box round no-repeat, center / cover url("test.png") repeat content-box, padding-box, url("test.png") 10% padding-box, padding-box padding-box round no-repeat center none, content-box border-box round no-repeat 10% none, linear-gradient(pink, purple) 5px bottom content-box padding-box currentColor;
|
|
}
|
|
|
|
ue {
|
|
background: center padding-box content-box @home round no-repeat;
|
|
}
|
|
|
|
ve {
|
|
background: 5px bottom;
|
|
}
|
|
|
|
we {
|
|
background: currentColor round no-repeat none padding-box;
|
|
}
|
|
|
|
xe {
|
|
background: repeat center / 10% content-box, padding-box linear-gradient(pink, purple) round no-repeat, #ADF repeat 5px bottom url("test.png");
|
|
}
|
|
|
|
ye {
|
|
background: content-box top left, content-box content-box url("test.png"), content-box content-box url("test.png") round no-repeat, padding-box linear-gradient(pink, purple), currentColor round no-repeat content-box;
|
|
}
|
|
|
|
ze {
|
|
background: 10% none, border-box center none, url("test.png") content-box 5px bottom, red 10% padding-box border-box url("test.png");
|
|
}
|
|
|
|
af {
|
|
background: url("test.png") repeat, none content-box padding-box, 10%, none content-box top left, top left / 10% round no-repeat, border-box center, content-box round no-repeat, url("test.png") padding-box repeat, repeat linear-gradient(pink, purple) border-box, padding-box 10% url("test.png"), content-box content-box repeat none, content-box center repeat linear-gradient(pink, purple), center / 10% round no-repeat border-box border-box none, repeat linear-gradient(pink, purple) content-box center / auto auto, url("test.png") top left / cover border-box, repeat linear-gradient(pink, purple) padding-box, none, content-box content-box repeat none, none, border-box linear-gradient(pink, purple), border-box none round no-repeat, url("test.png") padding-box, repeat none, repeat url("test.png") content-box top left / 10%, center / auto auto round no-repeat padding-box;
|
|
}
|
|
|
|
bf {
|
|
background: url("test.png") round no-repeat padding-box top left / 10%;
|
|
}
|
|
|
|
cf {
|
|
background: repeat top left / 10% linear-gradient(pink, purple), none content-box content-box, repeat 5px bottom / auto auto border-box linear-gradient(pink, purple), border-box alpha(pink, 0.5) repeat url("test.png");
|
|
}
|
|
|
|
df {
|
|
background: top left repeat, 10% border-box linear-gradient(pink, purple), none 10%;
|
|
}
|
|
|
|
ef {
|
|
background: #ADF none;
|
|
}
|
|
|
|
ff {
|
|
background: 5px bottom content-box border-box none, repeat url("test.png"), center padding-box border-box repeat url("test.png"), content-box top left repeat none, border-box padding-box none center, none repeat, border-box content-box none round no-repeat, top left / cover padding-box url("test.png"), currentColor linear-gradient(pink, purple);
|
|
}
|
|
|
|
gf {
|
|
background: padding-box 10% url("test.png"), round no-repeat padding-box content-box url("test.png") 10% / cover, repeat border-box url("test.png") top left / 10%, border-box repeat 10% / auto auto @home;
|
|
}
|
|
|
|
hf {
|
|
background: padding-box round no-repeat none center / cover, border-box round no-repeat linear-gradient(pink, purple) 5px bottom, content-box padding-box url("test.png"), url("test.png") border-box content-box, center / 10% round no-repeat, padding-box 5px bottom, content-box padding-box top left, currentColor linear-gradient(pink, purple) round no-repeat padding-box;
|
|
}
|
|
|
|
if {
|
|
background: padding-box repeat url("test.png"), repeat none content-box content-box center / 10%, repeat content-box none, round no-repeat 10% / auto auto linear-gradient(pink, purple) border-box border-box, 5px bottom / 10%, round no-repeat border-box padding-box 5px bottom / cover, round no-repeat padding-box top left linear-gradient(pink, purple), none center border-box content-box, center / auto auto round no-repeat, round no-repeat border-box, repeat padding-box 10% none;
|
|
}
|
|
|
|
jf {
|
|
background: content-box content-box none center, none content-box, repeat border-box none 5px bottom / cover, 5px bottom / cover repeat content-box url("test.png"), 10% border-box, round no-repeat padding-box url("test.png");
|
|
}
|
|
|
|
kf {
|
|
background: padding-box border-box 5px bottom / auto auto, url("test.png") border-box padding-box round no-repeat, round no-repeat url("test.png") 5px bottom, linear-gradient(pink, purple) padding-box 10% / cover, url("test.png") 10% / 10% round no-repeat, @home url("test.png") 5px bottom border-box content-box repeat;
|
|
}
|
|
|
|
lf {
|
|
background: alpha(pink, 0.5) content-box content-box repeat center;
|
|
}
|
|
|
|
mf {
|
|
background: repeat 10% / auto auto padding-box padding-box;
|
|
}
|
|
|
|
nf {
|
|
background: round no-repeat currentColor;
|
|
}
|
|
|
|
of {
|
|
background: content-box none top left repeat, round no-repeat top left / 10% border-box linear-gradient(pink, purple), repeat 10% / cover, center content-box content-box url("test.png"), center url("test.png") repeat, linear-gradient(pink, purple) padding-box top left / cover repeat, 5px bottom / cover url("test.png"), border-box padding-box url("test.png") center, none padding-box border-box;
|
|
}
|
|
|
|
pf {
|
|
background: center none border-box content-box, repeat none, repeat none 5px bottom content-box, top left linear-gradient(pink, purple), content-box border-box top left linear-gradient(pink, purple) repeat, url("test.png") repeat, url("test.png") padding-box 5px bottom, content-box none 5px bottom, url("test.png") round no-repeat 10% content-box, 10%, repeat linear-gradient(pink, purple) 10% padding-box;
|
|
}
|
|
|
|
qf {
|
|
background: none 10% / cover repeat, padding-box border-box linear-gradient(pink, purple) round no-repeat, 5px bottom border-box linear-gradient(pink, purple) repeat, padding-box content-box, linear-gradient(pink, purple), content-box, center linear-gradient(pink, purple), border-box 5px bottom none repeat;
|
|
}
|
|
|
|
rf {
|
|
background: repeat 5px bottom, top left / 10% padding-box border-box repeat linear-gradient(pink, purple), center / cover content-box red repeat;
|
|
}
|
|
|
|
sf {
|
|
background: padding-box linear-gradient(pink, purple) round no-repeat alpha(pink, 0.5);
|
|
}
|
|
|
|
tf {
|
|
background: none content-box padding-box center, 5px bottom none content-box round no-repeat, padding-box round no-repeat top left / cover, repeat linear-gradient(pink, purple), url("test.png") repeat center, repeat content-box 10% / 10% linear-gradient(pink, purple), padding-box content-box 10% round no-repeat, border-box padding-box 5px bottom url("test.png"), none 10% border-box repeat, alpha(pink, 0.5) none border-box padding-box;
|
|
}
|
|
|
|
uf {
|
|
background: top left currentColor url("test.png");
|
|
}
|
|
|
|
vf {
|
|
background: round no-repeat url("test.png") center padding-box content-box, top left repeat, 10% repeat, url("test.png") 10% padding-box, repeat padding-box border-box, padding-box url("test.png") top left, round no-repeat 10%, linear-gradient(pink, purple) round no-repeat, round no-repeat url("test.png") padding-box center, center round no-repeat;
|
|
}
|
|
|
|
wf {
|
|
background: 10% / cover none content-box, none top left repeat, none center;
|
|
}
|
|
|
|
xf {
|
|
background: top left round no-repeat content-box border-box, border-box content-box repeat 10% / auto auto, 5px bottom linear-gradient(pink, purple), repeat 5px bottom;
|
|
}
|
|
|
|
yf {
|
|
background: padding-box content-box round no-repeat none, linear-gradient(pink, purple) center, padding-box center repeat, repeat padding-box, content-box padding-box round no-repeat, content-box url("test.png"), content-box url("test.png") round no-repeat, round no-repeat linear-gradient(pink, purple) center border-box content-box, url("test.png") 5px bottom round no-repeat, 5px bottom / cover border-box url("test.png") repeat, padding-box round no-repeat top left, repeat border-box top left, linear-gradient(pink, purple), border-box round no-repeat 10%, linear-gradient(pink, purple) repeat padding-box content-box, linear-gradient(pink, purple) round no-repeat border-box content-box, url("test.png") content-box padding-box repeat top left, repeat top left linear-gradient(pink, purple), @home padding-box none;
|
|
}
|
|
|
|
zf {
|
|
background: top left border-box round no-repeat, repeat border-box currentColor;
|
|
}
|
|
|
|
ag {
|
|
background: alpha(pink, 0.5) repeat top left padding-box border-box;
|
|
}
|
|
|
|
bg {
|
|
background: none 10% content-box content-box, round no-repeat, url("test.png") border-box padding-box, 10% none border-box round no-repeat, none top left repeat, url("test.png") border-box border-box top left repeat, padding-box 10% url("test.png"), border-box url("test.png") top left repeat, round no-repeat content-box linear-gradient(pink, purple) 10%, currentColor border-box;
|
|
}
|
|
|
|
cg {
|
|
background: none center round no-repeat border-box, repeat 10% / cover, 5px bottom content-box padding-box, repeat content-box border-box none 10% / 10%, repeat #ADF content-box padding-box 5px bottom / 10%;
|
|
}
|
|
|
|
dg {
|
|
background: padding-box padding-box repeat center, none content-box 10%;
|
|
}
|
|
|
|
eg {
|
|
background: round no-repeat top left / 10% border-box content-box, linear-gradient(pink, purple) round no-repeat center border-box padding-box, top left round no-repeat red;
|
|
}
|
|
|
|
fg {
|
|
background: none repeat center padding-box, url("test.png") border-box 5px bottom, @home repeat padding-box 10% url("test.png");
|
|
}
|
|
|
|
gg {
|
|
background: top left linear-gradient(pink, purple) content-box round no-repeat, #ADF 10% / cover linear-gradient(pink, purple) content-box round no-repeat;
|
|
}
|
|
|
|
hg {
|
|
background: top left / 10% linear-gradient(pink, purple);
|
|
}
|
|
|
|
ig {
|
|
background: 10% / auto auto, 10% border-box content-box repeat, 10% linear-gradient(pink, purple) repeat content-box, content-box round no-repeat top left, none top left / 10%, content-box center / auto auto, content-box, border-box 10% / auto auto, 5px bottom, round no-repeat;
|
|
}
|
|
|
|
jg {
|
|
background: border-box border-box 10%, repeat padding-box url("test.png") center, padding-box center, border-box center round no-repeat linear-gradient(pink, purple), none round no-repeat, content-box 5px bottom / cover;
|
|
}
|
|
|
|
kg {
|
|
background: padding-box linear-gradient(pink, purple) top left / cover, linear-gradient(pink, purple), padding-box round no-repeat center, round no-repeat url("test.png"), 10%, 10% repeat content-box, round no-repeat 10% padding-box padding-box, linear-gradient(pink, purple) @home top left repeat;
|
|
}
|
|
|
|
lg {
|
|
background: 5px bottom, top left content-box repeat, 10% / 10% content-box linear-gradient(pink, purple);
|
|
}
|
|
|
|
mg {
|
|
background: 5px bottom linear-gradient(pink, purple);
|
|
}
|
|
|
|
ng {
|
|
background: center / cover, content-box content-box round no-repeat, linear-gradient(pink, purple) round no-repeat 10%, repeat, center linear-gradient(pink, purple) padding-box content-box, 10% / cover linear-gradient(pink, purple) round no-repeat;
|
|
}
|
|
|
|
og {
|
|
background: url("test.png") 10% border-box, center round no-repeat url("test.png") content-box, linear-gradient(pink, purple) content-box center, none padding-box;
|
|
}
|
|
|
|
pg {
|
|
background: 5px bottom / 10% linear-gradient(pink, purple) round no-repeat border-box, round no-repeat url("test.png") padding-box 10%, round no-repeat border-box content-box none, 5px bottom round no-repeat border-box none, border-box url("test.png") center, padding-box linear-gradient(pink, purple) top left / 10%, center / 10% padding-box border-box url("test.png"), round no-repeat none padding-box border-box top left, round no-repeat padding-box border-box 10%, round no-repeat content-box 5px bottom, 10% / cover padding-box border-box, repeat content-box padding-box 5px bottom, content-box linear-gradient(pink, purple), content-box url("test.png"), linear-gradient(pink, purple) red center / auto auto;
|
|
}
|
|
|
|
qg {
|
|
background: repeat url("test.png") content-box, top left / cover padding-box content-box linear-gradient(pink, purple), 5px bottom none round no-repeat, padding-box, center border-box repeat, top left / auto auto padding-box none, url("test.png") center / cover content-box round no-repeat, padding-box 10% url("test.png") round no-repeat, center none padding-box content-box repeat, top left / cover border-box none round no-repeat, round no-repeat 5px bottom padding-box, url("test.png") border-box round no-repeat 5px bottom, none border-box round no-repeat, #ADF linear-gradient(pink, purple) padding-box round no-repeat;
|
|
}
|
|
|
|
rg {
|
|
background: content-box padding-box none round no-repeat #ADF;
|
|
}
|
|
|
|
sg {
|
|
background: border-box round no-repeat, 5px bottom / cover round no-repeat content-box padding-box, 10% round no-repeat border-box content-box, top left repeat content-box, alpha(pink, 0.5);
|
|
}
|
|
|
|
tg {
|
|
background: border-box content-box top left, repeat none, center content-box repeat currentColor;
|
|
}
|
|
|
|
ug {
|
|
background: 10% / 10% linear-gradient(pink, purple), 10% content-box none, linear-gradient(pink, purple) repeat 5px bottom, content-box center / 10% url("test.png") repeat, border-box center linear-gradient(pink, purple), padding-box linear-gradient(pink, purple) top left / auto auto repeat, padding-box round no-repeat linear-gradient(pink, purple), url("test.png") padding-box repeat, 5px bottom / 10% repeat linear-gradient(pink, purple) border-box border-box, url("test.png") 10% padding-box repeat, padding-box repeat 5px bottom / cover linear-gradient(pink, purple) currentColor;
|
|
}
|
|
|
|
vg {
|
|
background: 5px bottom / auto auto round no-repeat, red round no-repeat top left / cover;
|
|
}
|
|
|
|
wg {
|
|
background: padding-box 10% / cover repeat linear-gradient(pink, purple), padding-box border-box top left, linear-gradient(pink, purple) repeat padding-box center, none 5px bottom content-box, content-box border-box repeat linear-gradient(pink, purple), url("test.png") round no-repeat 5px bottom / 10%, 10% / 10% none, url("test.png") content-box border-box repeat, 10% / cover url("test.png") repeat, 5px bottom linear-gradient(pink, purple), top left repeat content-box, none 5px bottom round no-repeat content-box border-box;
|
|
}
|
|
|
|
xg {
|
|
background: 5px bottom url("test.png") repeat padding-box border-box, repeat 5px bottom / cover, 5px bottom padding-box padding-box none repeat, round no-repeat, 5px bottom padding-box round no-repeat none, repeat linear-gradient(pink, purple) top left;
|
|
}
|
|
|
|
yg {
|
|
background: center none border-box, none 10% / auto auto border-box, url("test.png") padding-box padding-box 5px bottom, linear-gradient(pink, purple) padding-box content-box, repeat top left, url("test.png") content-box border-box repeat, round no-repeat linear-gradient(pink, purple) padding-box border-box, repeat 5px bottom border-box;
|
|
}
|
|
|
|
zg {
|
|
background: 10% / 10% url("test.png") content-box, top left / cover repeat content-box, center / cover border-box content-box url("test.png"), content-box 5px bottom repeat, center, url("test.png") padding-box, repeat content-box url("test.png"), repeat url("test.png") center, top left none border-box alpha(pink, 0.5);
|
|
}
|
|
|
|
ah {
|
|
background: padding-box 5px bottom linear-gradient(pink, purple), center round no-repeat border-box content-box, url("test.png") border-box center, 10% / cover padding-box linear-gradient(pink, purple) repeat, round no-repeat content-box padding-box none, content-box padding-box repeat 10%, top left / auto auto, none content-box round no-repeat, red url("test.png") repeat;
|
|
}
|
|
|
|
bh {
|
|
background: padding-box center none, round no-repeat linear-gradient(pink, purple), round no-repeat border-box top left / cover;
|
|
}
|
|
|
|
ch {
|
|
background: repeat linear-gradient(pink, purple), repeat 5px bottom, repeat 10% / cover padding-box border-box, repeat content-box, repeat top left padding-box content-box, center url("test.png") content-box, content-box content-box linear-gradient(pink, purple) 5px bottom, border-box border-box 5px bottom repeat, 10% / cover border-box, padding-box @home none;
|
|
}
|
|
|
|
dh {
|
|
background: repeat 5px bottom / 10% padding-box padding-box, content-box content-box none center / 10%, 10% / auto auto border-box padding-box repeat url("test.png"), 10% padding-box, repeat @home none 5px bottom content-box padding-box;
|
|
}
|
|
|
|
eh {
|
|
background: 5px bottom / auto auto url("test.png") border-box, url("test.png") border-box padding-box top left repeat, content-box padding-box top left / cover round no-repeat, padding-box content-box top left / auto auto repeat;
|
|
}
|
|
|
|
fh {
|
|
background: center padding-box round no-repeat, 5px bottom url("test.png") #ADF round no-repeat;
|
|
}
|
|
|
|
gh {
|
|
background: none center repeat, 5px bottom round no-repeat border-box;
|
|
}
|
|
|
|
hh {
|
|
background: repeat url("test.png"), repeat top left padding-box content-box, repeat border-box none center, repeat content-box 5px bottom, padding-box content-box 5px bottom / auto auto red;
|
|
}
|
|
|
|
ih {
|
|
background: round no-repeat top left, none border-box top left;
|
|
}
|
|
|
|
jh {
|
|
background: round no-repeat content-box center linear-gradient(pink, purple), padding-box 5px bottom / auto auto, padding-box content-box center / 10%, repeat none 10% / auto auto, linear-gradient(pink, purple) center padding-box, top left / cover round no-repeat url("test.png"), center repeat content-box content-box, #ADF content-box url("test.png") 5px bottom / 10%;
|
|
}
|
|
|
|
kh {
|
|
background: padding-box;
|
|
}
|
|
|
|
lh {
|
|
background: repeat linear-gradient(pink, purple) border-box top left, linear-gradient(pink, purple) currentColor border-box center;
|
|
}
|
|
|
|
mh {
|
|
background: linear-gradient(pink, purple) 10% / auto auto border-box round no-repeat;
|
|
}
|
|
|
|
nh {
|
|
background: center border-box round no-repeat none, top left repeat linear-gradient(pink, purple), repeat none center, content-box border-box center none, round no-repeat padding-box 5px bottom / 10%, url("test.png") 5px bottom / cover padding-box border-box, 10% none border-box, url("test.png") padding-box padding-box top left repeat, content-box linear-gradient(pink, purple) 5px bottom, currentColor border-box padding-box center repeat;
|
|
}
|
|
|
|
oh {
|
|
background: round no-repeat border-box center / auto auto;
|
|
}
|
|
|
|
ph {
|
|
background: center / 10% padding-box url("test.png") round no-repeat, content-box content-box url("test.png") top left, round no-repeat padding-box padding-box 10% / cover, 10% repeat url("test.png"), round no-repeat 5px bottom / cover, url("test.png") padding-box content-box round no-repeat center / 10%;
|
|
}
|
|
|
|
qh {
|
|
background: content-box top left linear-gradient(pink, purple), center repeat border-box, repeat url("test.png") top left, round no-repeat border-box content-box, top left, border-box border-box center url("test.png") repeat, none center / auto auto border-box padding-box, 5px bottom repeat none, border-box repeat 10%, 10% / cover padding-box url("test.png"), content-box url("test.png") top left, repeat padding-box 10% / 10%, 5px bottom padding-box, none round no-repeat border-box, round no-repeat 10% none content-box, 10% border-box;
|
|
}
|
|
|
|
rh {
|
|
background: round no-repeat 10%, repeat top left, content-box linear-gradient(pink, purple) @home round no-repeat;
|
|
}
|
|
|
|
sh {
|
|
background: padding-box repeat center none, top left round no-repeat border-box, linear-gradient(pink, purple) round no-repeat 10%, padding-box alpha(pink, 0.5) repeat url("test.png") 10% / cover;
|
|
}
|
|
|
|
th {
|
|
background: top left / auto auto round no-repeat none border-box content-box, repeat 5px bottom / cover content-box content-box, round no-repeat border-box none, border-box padding-box repeat, top left repeat border-box, repeat linear-gradient(pink, purple) center / auto auto content-box, 10% currentColor round no-repeat;
|
|
}
|
|
|
|
uh {
|
|
background: padding-box #ADF none round no-repeat 5px bottom;
|
|
}
|
|
|
|
vh {
|
|
background: round no-repeat padding-box none, 5px bottom content-box round no-repeat, content-box padding-box round no-repeat url("test.png") 5px bottom, 10% / 10% none round no-repeat content-box content-box, padding-box top left, repeat padding-box linear-gradient(pink, purple), border-box none round no-repeat 5px bottom, linear-gradient(pink, purple) content-box border-box round no-repeat, 5px bottom round no-repeat, red 5px bottom border-box padding-box;
|
|
}
|
|
|
|
wh {
|
|
background: none 10% round no-repeat content-box, none round no-repeat content-box content-box, 5px bottom linear-gradient(pink, purple) content-box content-box, 10% linear-gradient(pink, purple) repeat, content-box, top left none padding-box, repeat top left, content-box 5px bottom repeat url("test.png"), content-box repeat center, linear-gradient(pink, purple) repeat center, round no-repeat 5px bottom, round no-repeat none padding-box border-box;
|
|
}
|
|
|
|
xh {
|
|
background: border-box linear-gradient(pink, purple) center repeat, 5px bottom content-box border-box none, round no-repeat, border-box padding-box, padding-box url("test.png") 10% repeat, center / 10% repeat none alpha(pink, 0.5);
|
|
}
|
|
|
|
yh {
|
|
background: border-box repeat linear-gradient(pink, purple), repeat 10% @home;
|
|
}
|
|
|
|
zh {
|
|
background: 10% round no-repeat padding-box linear-gradient(pink, purple), repeat content-box padding-box center, round no-repeat none center padding-box, 10% / 10% border-box, repeat 10% border-box padding-box, repeat url("test.png") center / cover, border-box #ADF round no-repeat none 10%;
|
|
}
|
|
|
|
ai {
|
|
background: linear-gradient(pink, purple) 10% padding-box round no-repeat, padding-box none repeat center, 10% / 10% repeat content-box, border-box 5px bottom / cover, linear-gradient(pink, purple) border-box, round no-repeat none content-box top left / 10%, top left / 10% border-box round no-repeat, 5px bottom / cover repeat, center / cover padding-box padding-box url("test.png"), 5px bottom padding-box padding-box repeat, repeat padding-box 10% / auto auto, url("test.png") top left / cover, border-box currentColor none round no-repeat;
|
|
}
|
|
|
|
bi {
|
|
background: linear-gradient(pink, purple) center / cover repeat content-box, padding-box repeat, repeat padding-box, content-box linear-gradient(pink, purple);
|
|
}
|
|
|
|
ci {
|
|
background: repeat center / cover none, border-box 10% repeat, border-box 10% url("test.png") repeat, none round no-repeat center, none round no-repeat padding-box border-box, repeat, border-box linear-gradient(pink, purple) top left round no-repeat, repeat none center #ADF;
|
|
}
|
|
|
|
di {
|
|
background: top left none repeat, 10% url("test.png");
|
|
}
|
|
|
|
ei {
|
|
background: border-box repeat;
|
|
}
|
|
|
|
fi {
|
|
background: @home content-box border-box top left;
|
|
}
|
|
|
|
gi {
|
|
background: border-box padding-box 5px bottom / cover, padding-box content-box none center repeat, top left border-box, padding-box repeat top left;
|
|
}
|
|
|
|
hi {
|
|
background: 10% / cover padding-box content-box none repeat, content-box @home linear-gradient(pink, purple);
|
|
}
|
|
|
|
ii {
|
|
background: content-box content-box round no-repeat linear-gradient(pink, purple), 5px bottom padding-box repeat @home;
|
|
}
|
|
|
|
ji {
|
|
background: 5px bottom none padding-box, content-box none round no-repeat, repeat border-box none, round no-repeat padding-box url("test.png");
|
|
}
|
|
|
|
ki {
|
|
background: repeat 5px bottom border-box, round no-repeat 10% url("test.png"), none border-box, round no-repeat content-box, round no-repeat 5px bottom border-box, top left / 10% repeat url("test.png") content-box, content-box border-box round no-repeat, 5px bottom / 10% round no-repeat, content-box padding-box repeat linear-gradient(pink, purple) 10%, round no-repeat padding-box top left / cover none, center url("test.png"), round no-repeat url("test.png") content-box top left / auto auto, border-box center @home linear-gradient(pink, purple);
|
|
}
|
|
|
|
li {
|
|
background: url("test.png") border-box top left, padding-box 10% round no-repeat, content-box, repeat none content-box 5px bottom, repeat red center url("test.png") padding-box content-box;
|
|
}
|
|
|
|
mi {
|
|
background: round no-repeat padding-box, none border-box 10% round no-repeat, repeat linear-gradient(pink, purple) 10%, border-box repeat;
|
|
}
|
|
|
|
ni {
|
|
background: top left none, linear-gradient(pink, purple) round no-repeat center border-box, content-box padding-box url("test.png") repeat 5px bottom / 10%, top left / 10% url("test.png") round no-repeat, center / cover padding-box repeat, top left repeat padding-box url("test.png"), center, content-box none, linear-gradient(pink, purple) round no-repeat, top left / 10% repeat content-box padding-box, 10% round no-repeat none, padding-box padding-box, round no-repeat top left, repeat padding-box padding-box center / 10% none, round no-repeat border-box none top left, border-box padding-box none 5px bottom round no-repeat, top left / auto auto padding-box content-box, content-box border-box repeat center none, repeat url("test.png"), padding-box alpha(pink, 0.5) linear-gradient(pink, purple);
|
|
}
|
|
|
|
oi {
|
|
background: 5px bottom / auto auto none padding-box padding-box round no-repeat, repeat content-box content-box center / auto auto, url("test.png") 10% repeat, 10% / 10% padding-box none, content-box 10%, top left repeat border-box url("test.png");
|
|
}
|
|
|
|
pi {
|
|
background: content-box 5px bottom repeat, repeat content-box content-box, border-box top left @home;
|
|
}
|
|
|
|
qi {
|
|
background: repeat border-box linear-gradient(pink, purple) top left / 10%, none 10% / cover content-box, 5px bottom linear-gradient(pink, purple) repeat @home border-box content-box;
|
|
}
|
|
|
|
ri {
|
|
background: round no-repeat content-box;
|
|
}
|
|
|
|
si {
|
|
background: none top left, 5px bottom / 10%, top left url("test.png") repeat, linear-gradient(pink, purple) border-box round no-repeat, repeat padding-box linear-gradient(pink, purple) 10% / 10%, padding-box none top left @home round no-repeat;
|
|
}
|
|
|
|
ti {
|
|
background: content-box padding-box linear-gradient(pink, purple) 10% / cover #ADF repeat;
|
|
}
|
|
|
|
ui {
|
|
background: repeat border-box border-box linear-gradient(pink, purple) top left, url("test.png") 5px bottom content-box border-box repeat, 10% content-box content-box, 5px bottom / auto auto none alpha(pink, 0.5) content-box padding-box;
|
|
}
|
|
|
|
vi {
|
|
background: round no-repeat center, 5px bottom content-box none currentColor;
|
|
}
|
|
|
|
wi {
|
|
background: center, round no-repeat, round no-repeat center, none padding-box, 5px bottom / auto auto round no-repeat url("test.png"), none padding-box, repeat linear-gradient(pink, purple) padding-box, top left content-box linear-gradient(pink, purple), url("test.png") round no-repeat 10% / cover border-box, content-box linear-gradient(pink, purple) 5px bottom repeat, 10% / cover none padding-box border-box, border-box repeat 10% / 10%, 10% url("test.png") border-box, #ADF none center / cover padding-box round no-repeat;
|
|
}
|
|
|
|
xi {
|
|
background: content-box padding-box center / cover, border-box none repeat top left, none border-box repeat, none padding-box, url("test.png") border-box content-box, none 10%, center, top left padding-box padding-box, none center / cover border-box padding-box, padding-box linear-gradient(pink, purple) repeat;
|
|
}
|
|
|
|
yi {
|
|
background: none border-box, 5px bottom none, repeat padding-box top left, border-box #ADF 5px bottom round no-repeat linear-gradient(pink, purple);
|
|
}
|
|
|
|
zi {
|
|
background: border-box padding-box round no-repeat url("test.png") 5px bottom, round no-repeat url("test.png") padding-box, padding-box padding-box top left / auto auto none, top left content-box linear-gradient(pink, purple), url("test.png") content-box content-box repeat top left, repeat 10% red url("test.png");
|
|
}
|
|
|
|
aj {
|
|
background: 5px bottom / auto auto repeat padding-box url("test.png"), content-box round no-repeat none, none repeat content-box content-box top left / 10%, center none currentColor;
|
|
}
|
|
|
|
bj {
|
|
background: 10% content-box linear-gradient(pink, purple), linear-gradient(pink, purple) 5px bottom border-box border-box;
|
|
}
|
|
|
|
cj {
|
|
background: repeat 10% url("test.png"), repeat url("test.png") 10% border-box, round no-repeat none top left / 10%, top left, none red top left / cover;
|
|
}
|
|
|
|
dj {
|
|
background: 5px bottom / 10% content-box content-box round no-repeat url("test.png"), repeat linear-gradient(pink, purple) padding-box, url("test.png") padding-box 10%, linear-gradient(pink, purple) padding-box, padding-box repeat linear-gradient(pink, purple) 10% / auto auto, content-box none, 5px bottom linear-gradient(pink, purple) round no-repeat content-box padding-box, round no-repeat content-box 5px bottom none, linear-gradient(pink, purple) 5px bottom border-box padding-box repeat, 5px bottom, url("test.png") top left / auto auto, round no-repeat top left none, border-box url("test.png") repeat 5px bottom, repeat padding-box content-box linear-gradient(pink, purple), repeat padding-box center url("test.png"), repeat 10%, url("test.png") content-box center / auto auto, top left / auto auto content-box url("test.png") round no-repeat, center border-box url("test.png"), 10% padding-box url("test.png"), padding-box 10% round no-repeat none, 10% border-box, top left border-box repeat none, url("test.png") center / auto auto border-box, url("test.png"), url("test.png") 10%, 5px bottom / auto auto none, border-box padding-box none, repeat 5px bottom padding-box border-box, linear-gradient(pink, purple) repeat, round no-repeat center border-box border-box none, none border-box border-box round no-repeat, padding-box none 10% / 10% repeat, center / auto auto, center border-box round no-repeat, 10% border-box content-box none;
|
|
}
|
|
|
|
ej {
|
|
background: 5px bottom padding-box border-box, center border-box round no-repeat, 10% / cover none, center / 10% linear-gradient(pink, purple) round no-repeat content-box, round no-repeat, none center repeat, alpha(pink, 0.5) border-box 10% none;
|
|
}
|
|
|
|
fj {
|
|
background: content-box repeat none 10% / cover, padding-box repeat url("test.png") center / 10%, content-box padding-box, url("test.png") repeat 10% content-box, none content-box, top left url("test.png") content-box content-box, url("test.png") center / cover content-box round no-repeat, url("test.png") center repeat padding-box, center / 10% padding-box alpha(pink, 0.5) none repeat;
|
|
}
|
|
|
|
gj {
|
|
background: none currentColor;
|
|
}
|
|
|
|
hj {
|
|
background: none border-box 10%, padding-box content-box repeat center, content-box center none, content-box padding-box repeat top left url("test.png"), padding-box 5px bottom linear-gradient(pink, purple), round no-repeat 10% / cover;
|
|
}
|
|
|
|
ij {
|
|
background: top left repeat border-box padding-box none, repeat top left, 10% / cover none, red content-box border-box round no-repeat;
|
|
}
|
|
|
|
jj {
|
|
background: 10% / auto auto border-box content-box round no-repeat, center padding-box linear-gradient(pink, purple) round no-repeat, url("test.png") round no-repeat, url("test.png") content-box, top left content-box round no-repeat, top left url("test.png") repeat content-box content-box, repeat linear-gradient(pink, purple), repeat border-box top left, 5px bottom, center linear-gradient(pink, purple), content-box, linear-gradient(pink, purple) top left / cover alpha(pink, 0.5) round no-repeat;
|
|
}
|
|
|
|
kj {
|
|
background: 5px bottom none, center none content-box, repeat top left / 10%, repeat url("test.png"), repeat padding-box center, none round no-repeat border-box padding-box top left, url("test.png") padding-box, round no-repeat content-box padding-box top left, none repeat center / 10% content-box, round no-repeat top left padding-box, none repeat padding-box 5px bottom / auto auto;
|
|
}
|
|
|
|
lj {
|
|
background: content-box top left, round no-repeat padding-box, top left / cover round no-repeat, repeat 5px bottom / auto auto content-box border-box none, none top left content-box round no-repeat, 10% / auto auto none repeat border-box, none 5px bottom / auto auto padding-box, border-box repeat 5px bottom / 10% url("test.png"), url("test.png") content-box, none round no-repeat content-box, linear-gradient(pink, purple) 5px bottom border-box padding-box;
|
|
}
|
|
|
|
mj {
|
|
background: repeat linear-gradient(pink, purple) 5px bottom, border-box center / 10% linear-gradient(pink, purple), center / cover round no-repeat content-box, linear-gradient(pink, purple) content-box 10%, url("test.png") top left padding-box padding-box, top left repeat none, center border-box content-box none round no-repeat, url("test.png") top left / 10%, center / cover none content-box content-box, round no-repeat center / cover content-box, top left border-box linear-gradient(pink, purple) repeat, url("test.png"), linear-gradient(pink, purple), linear-gradient(pink, purple) 10% / cover content-box round no-repeat, 10% / auto auto border-box, top left / 10% linear-gradient(pink, purple) repeat @home;
|
|
}
|
|
|
|
nj {
|
|
background: linear-gradient(pink, purple) round no-repeat padding-box center, repeat 5px bottom / cover padding-box, padding-box, linear-gradient(pink, purple) 10% round no-repeat, repeat padding-box url("test.png"), content-box top left, 5px bottom / 10% linear-gradient(pink, purple) border-box, round no-repeat linear-gradient(pink, purple), padding-box none;
|
|
}
|
|
|
|
oj {
|
|
background: none 5px bottom / cover, center / 10% linear-gradient(pink, purple) repeat content-box, linear-gradient(pink, purple) center, padding-box top left / 10%, 5px bottom repeat url("test.png"), padding-box top left round no-repeat, center linear-gradient(pink, purple) padding-box content-box, @home round no-repeat top left;
|
|
}
|
|
|
|
pj {
|
|
background: center none padding-box border-box, repeat content-box content-box, 10% linear-gradient(pink, purple) border-box, 5px bottom / cover border-box none round no-repeat;
|
|
}
|
|
|
|
qj {
|
|
background: repeat padding-box, 10% content-box none repeat, none content-box top left / 10%, repeat padding-box none, 5px bottom content-box padding-box url("test.png");
|
|
}
|
|
|
|
rj {
|
|
background: padding-box 10% / auto auto alpha(pink, 0.5);
|
|
}
|
|
|
|
sj {
|
|
background: content-box top left / auto auto, padding-box 5px bottom round no-repeat, padding-box 10% / 10% round no-repeat, round no-repeat url("test.png"), url("test.png") 10% / auto auto padding-box content-box, linear-gradient(pink, purple) 10%;
|
|
}
|
|
|
|
tj {
|
|
background: center content-box border-box repeat, 10% content-box repeat, padding-box content-box 5px bottom url("test.png") round no-repeat, padding-box center round no-repeat none, none content-box 10% / auto auto, content-box repeat, border-box padding-box linear-gradient(pink, purple) round no-repeat 5px bottom;
|
|
}
|
|
|
|
uj {
|
|
background: linear-gradient(pink, purple) 10%, round no-repeat linear-gradient(pink, purple) content-box 10%, 10% / 10% padding-box, padding-box 5px bottom / 10%, content-box border-box none round no-repeat center / auto auto, top left url("test.png") padding-box;
|
|
}
|
|
|
|
vj {
|
|
background: linear-gradient(pink, purple) center round no-repeat;
|
|
}
|
|
|
|
wj {
|
|
background: repeat url("test.png") padding-box 5px bottom, center round no-repeat border-box linear-gradient(pink, purple), border-box repeat 5px bottom / 10%, border-box center / 10%, round no-repeat content-box 10% / auto auto, border-box center round no-repeat, round no-repeat, center / 10% border-box, border-box url("test.png") 10%, repeat 10% none border-box, url("test.png") 5px bottom repeat border-box content-box;
|
|
}
|
|
|
|
xj {
|
|
background: center padding-box url("test.png"), 10% / cover content-box border-box, repeat top left / 10%, center url("test.png"), border-box border-box linear-gradient(pink, purple), url("test.png") 5px bottom, 5px bottom / auto auto url("test.png"), top left none round no-repeat, round no-repeat center / cover border-box padding-box, 5px bottom / auto auto round no-repeat padding-box, url("test.png") content-box, url("test.png") 5px bottom round no-repeat, content-box 10% linear-gradient(pink, purple);
|
|
}
|
|
|
|
yj {
|
|
background: round no-repeat border-box 5px bottom / 10% red;
|
|
}
|
|
|
|
zj {
|
|
background: repeat border-box 10% url("test.png"), repeat linear-gradient(pink, purple) center padding-box border-box, none;
|
|
}
|
|
|
|
ak {
|
|
background: content-box 10% linear-gradient(pink, purple), padding-box linear-gradient(pink, purple) top left, padding-box 5px bottom / cover round no-repeat, border-box content-box repeat 10% alpha(pink, 0.5);
|
|
}
|
|
|
|
bk {
|
|
background: border-box currentColor;
|
|
}
|
|
|
|
ck {
|
|
background: linear-gradient(pink, purple) content-box top left / auto auto, 5px bottom / cover round no-repeat url("test.png") content-box, none round no-repeat center / auto auto border-box, 10% padding-box repeat url("test.png"), border-box repeat center / 10%, url("test.png") 5px bottom / auto auto content-box content-box, url("test.png") border-box round no-repeat, repeat content-box border-box url("test.png"), round no-repeat padding-box content-box, repeat url("test.png") 5px bottom, 10% repeat border-box, linear-gradient(pink, purple) round no-repeat, top left round no-repeat url("test.png"), padding-box top left / 10% none, center linear-gradient(pink, purple), round no-repeat padding-box, content-box linear-gradient(pink, purple) 5px bottom, content-box border-box 10% linear-gradient(pink, purple), alpha(pink, 0.5) padding-box none;
|
|
}
|
|
|
|
dk {
|
|
background: border-box content-box center currentColor none round no-repeat;
|
|
}
|
|
|
|
ek {
|
|
background: 10% / 10% padding-box, none 5px bottom, round no-repeat 5px bottom border-box, none, top left, center url("test.png") round no-repeat, none round no-repeat red content-box 5px bottom;
|
|
}
|
|
|
|
fk {
|
|
background: padding-box none, repeat content-box 5px bottom, url("test.png") center border-box padding-box round no-repeat, padding-box border-box 10% round no-repeat linear-gradient(pink, purple), border-box 5px bottom none, repeat 10% alpha(pink, 0.5);
|
|
}
|
|
|
|
gk {
|
|
background: url("test.png") 5px bottom padding-box, padding-box round no-repeat url("test.png") 10% / auto auto, none repeat, border-box content-box round no-repeat, round no-repeat url("test.png") alpha(pink, 0.5) border-box padding-box;
|
|
}
|
|
|
|
hk {
|
|
background: none currentColor content-box top left;
|
|
}
|
|
|
|
ik {
|
|
background: url("test.png") repeat content-box 10% / auto auto, top left / cover padding-box repeat linear-gradient(pink, purple), padding-box content-box, 10% url("test.png") round no-repeat, center / cover none content-box border-box, 10% border-box padding-box repeat, border-box repeat center / 10% url("test.png"), border-box content-box 5px bottom url("test.png") round no-repeat, linear-gradient(pink, purple) content-box round no-repeat, round no-repeat, url("test.png") 10% / cover repeat;
|
|
}
|
|
|
|
jk {
|
|
background: repeat content-box top left, repeat content-box center linear-gradient(pink, purple), center / auto auto repeat, round no-repeat linear-gradient(pink, purple), linear-gradient(pink, purple) content-box repeat center / auto auto, repeat, linear-gradient(pink, purple) border-box padding-box 10%, top left / auto auto padding-box round no-repeat, repeat padding-box border-box none, linear-gradient(pink, purple) round no-repeat border-box, repeat padding-box 10% url("test.png"), center round no-repeat content-box content-box, @home top left;
|
|
}
|
|
|
|
kk {
|
|
background: linear-gradient(pink, purple) top left / 10% padding-box round no-repeat, center content-box border-box, round no-repeat border-box linear-gradient(pink, purple), padding-box round no-repeat 10% / 10% linear-gradient(pink, purple), content-box repeat center linear-gradient(pink, purple), 10% none padding-box repeat, 10% padding-box, repeat top left border-box, border-box none 5px bottom;
|
|
}
|
|
|
|
lk {
|
|
background: content-box none 10% repeat, none round no-repeat content-box, padding-box content-box round no-repeat none 10% / 10%, border-box round no-repeat;
|
|
}
|
|
|
|
mk {
|
|
background: repeat padding-box center linear-gradient(pink, purple), border-box repeat, url("test.png") center / 10% repeat, border-box border-box top left none round no-repeat, content-box repeat top left / 10% linear-gradient(pink, purple), 5px bottom url("test.png"), round no-repeat padding-box 5px bottom / 10%, content-box repeat url("test.png"), content-box none round no-repeat 5px bottom / cover, top left / auto auto content-box border-box, repeat 5px bottom linear-gradient(pink, purple), round no-repeat url("test.png") border-box, none 10% round no-repeat border-box, round no-repeat linear-gradient(pink, purple) 5px bottom padding-box, linear-gradient(pink, purple) 10% / auto auto padding-box repeat @home;
|
|
}
|
|
|
|
nk {
|
|
background: border-box linear-gradient(pink, purple) 10% / 10% round no-repeat, url("test.png") content-box, repeat linear-gradient(pink, purple) padding-box, round no-repeat none top left / auto auto, round no-repeat border-box border-box, 5px bottom border-box, repeat, padding-box center round no-repeat url("test.png"), linear-gradient(pink, purple) padding-box round no-repeat, 10% round no-repeat, content-box 5px bottom repeat, top left content-box padding-box, padding-box padding-box repeat 5px bottom / auto auto, center round no-repeat linear-gradient(pink, purple) content-box border-box, padding-box round no-repeat, content-box repeat none, url("test.png") currentColor round no-repeat;
|
|
}
|
|
|
|
ok {
|
|
background: content-box 10% / cover url("test.png") repeat, content-box padding-box, center round no-repeat, round no-repeat 5px bottom / 10% border-box, repeat center, padding-box content-box linear-gradient(pink, purple) 5px bottom / 10% repeat, 5px bottom round no-repeat none, border-box repeat 5px bottom / auto auto none, border-box padding-box none 5px bottom / 10%;
|
|
}
|
|
|
|
pk {
|
|
background: center repeat padding-box url("test.png"), border-box top left / 10% url("test.png"), content-box, top left / cover border-box content-box, none padding-box 5px bottom, round no-repeat content-box padding-box, alpha(pink, 0.5) center round no-repeat linear-gradient(pink, purple);
|
|
}
|
|
|
|
qk {
|
|
background: padding-box border-box round no-repeat alpha(pink, 0.5) none;
|
|
}
|
|
|
|
rk {
|
|
background: linear-gradient(pink, purple) border-box round no-repeat center / cover, center content-box padding-box, border-box 10% / 10%, url("test.png") padding-box top left / cover, linear-gradient(pink, purple) top left round no-repeat, border-box content-box repeat url("test.png"), url("test.png") border-box border-box, center linear-gradient(pink, purple) round no-repeat border-box content-box, none top left padding-box, border-box round no-repeat url("test.png"), none 5px bottom, 5px bottom none, padding-box padding-box 10%, repeat center / cover padding-box border-box @home none;
|
|
}
|
|
|
|
sk {
|
|
background: repeat none content-box, border-box center, url("test.png") round no-repeat 10% / auto auto, linear-gradient(pink, purple) round no-repeat 10%, repeat center padding-box currentColor;
|
|
}
|
|
|
|
tk {
|
|
background: url("test.png") 5px bottom / 10% repeat, content-box round no-repeat none 10%, top left / 10% alpha(pink, 0.5) url("test.png");
|
|
}
|
|
|
|
uk {
|
|
background: 10% url("test.png") border-box, padding-box center round no-repeat none, repeat content-box padding-box center / cover, linear-gradient(pink, purple) border-box center round no-repeat, none, linear-gradient(pink, purple) repeat top left padding-box border-box, padding-box url("test.png"), border-box content-box linear-gradient(pink, purple), content-box top left / auto auto red;
|
|
}
|
|
|
|
vk {
|
|
background: repeat url("test.png") 5px bottom, none padding-box #ADF;
|
|
}
|
|
|
|
wk {
|
|
background: top left border-box content-box linear-gradient(pink, purple), content-box padding-box 10% / auto auto linear-gradient(pink, purple), url("test.png") repeat, center / 10% round no-repeat none, linear-gradient(pink, purple);
|
|
}
|
|
|
|
xk {
|
|
background: none repeat border-box, 5px bottom / cover padding-box none;
|
|
}
|
|
|
|
yk {
|
|
background: border-box content-box center url("test.png") round no-repeat;
|
|
}
|
|
|
|
zk {
|
|
background: 5px bottom / 10% padding-box border-box none, repeat border-box 5px bottom / auto auto, 10% / auto auto padding-box url("test.png"), repeat padding-box, round no-repeat alpha(pink, 0.5) content-box;
|
|
}
|
|
|
|
al {
|
|
background: round no-repeat center content-box, border-box 5px bottom / 10%, url("test.png") border-box 10% / cover, repeat @home content-box content-box url("test.png");
|
|
}
|
|
|
|
bl {
|
|
background: top left padding-box url("test.png") repeat, 10% url("test.png") round no-repeat, 5px bottom padding-box padding-box, round no-repeat border-box, round no-repeat none 5px bottom, url("test.png") 5px bottom padding-box round no-repeat, round no-repeat content-box padding-box linear-gradient(pink, purple) 5px bottom / auto auto, round no-repeat url("test.png") border-box, url("test.png") round no-repeat border-box 10%, 10% url("test.png"), round no-repeat border-box 10% linear-gradient(pink, purple), repeat padding-box border-box, linear-gradient(pink, purple) border-box center / cover, repeat center / cover border-box, 5px bottom repeat content-box content-box, none repeat 5px bottom content-box, linear-gradient(pink, purple) round no-repeat, 10% #ADF border-box padding-box none;
|
|
}
|
|
|
|
cl {
|
|
background: url("test.png") round no-repeat top left, top left linear-gradient(pink, purple) round no-repeat, round no-repeat url("test.png") 5px bottom border-box padding-box, border-box none repeat, repeat, border-box round no-repeat, center / cover border-box padding-box none;
|
|
}
|
|
|
|
dl {
|
|
background: padding-box repeat 10% url("test.png"), 10% repeat none, round no-repeat url("test.png");
|
|
}
|
|
|
|
el {
|
|
background: round no-repeat 5px bottom linear-gradient(pink, purple) padding-box;
|
|
}
|
|
|
|
fl {
|
|
background: 5px bottom repeat content-box none, repeat none #ADF;
|
|
}
|
|
|
|
gl {
|
|
background: 10% / cover repeat currentColor border-box padding-box;
|
|
}
|
|
|
|
hl {
|
|
background: 5px bottom url("test.png") round no-repeat, url("test.png") top left round no-repeat padding-box, border-box 10%, url("test.png") repeat center / auto auto padding-box padding-box;
|
|
}
|
|
|
|
il {
|
|
background: border-box none round no-repeat center / auto auto, round no-repeat none padding-box 5px bottom, round no-repeat content-box linear-gradient(pink, purple) center, alpha(pink, 0.5) none 10% / cover border-box repeat;
|
|
}
|
|
|
|
jl {
|
|
background: padding-box repeat 5px bottom / auto auto, linear-gradient(pink, purple) round no-repeat, center / cover padding-box;
|
|
}
|
|
|
|
kl {
|
|
background: top left / cover round no-repeat linear-gradient(pink, purple) border-box;
|
|
}
|
|
|
|
ll {
|
|
background: round no-repeat #ADF linear-gradient(pink, purple) border-box;
|
|
}
|
|
|
|
ml {
|
|
background: center url("test.png") content-box repeat;
|
|
}
|
|
|
|
nl {
|
|
background: padding-box content-box repeat top left none, none padding-box center repeat, border-box, none, content-box url("test.png") top left / auto auto, repeat url("test.png") top left / auto auto, repeat content-box none;
|
|
}
|
|
|
|
ol {
|
|
background: padding-box round no-repeat 5px bottom, none padding-box 10%, repeat border-box content-box url("test.png"), repeat none 10% / auto auto, round no-repeat linear-gradient(pink, purple), url("test.png") round no-repeat 5px bottom, round no-repeat padding-box top left / auto auto url("test.png"), none repeat, linear-gradient(pink, purple);
|
|
}
|
|
|
|
pl {
|
|
background: repeat content-box content-box url("test.png"), top left round no-repeat linear-gradient(pink, purple) padding-box, round no-repeat none border-box, border-box border-box 5px bottom url("test.png"), content-box 5px bottom round no-repeat, repeat content-box 5px bottom / auto auto, 5px bottom round no-repeat, url("test.png") 5px bottom repeat, none padding-box 5px bottom, 5px bottom / 10% padding-box, linear-gradient(pink, purple) 5px bottom / cover round no-repeat currentColor;
|
|
}
|
|
|
|
ql {
|
|
background: border-box content-box round no-repeat, repeat border-box border-box center, border-box content-box url("test.png") repeat, round no-repeat border-box, repeat border-box linear-gradient(pink, purple) top left / auto auto, linear-gradient(pink, purple) round no-repeat 10% / auto auto border-box content-box, 10% / cover repeat currentColor content-box content-box;
|
|
}
|
|
|
|
rl {
|
|
background: none top left padding-box, currentColor repeat content-box border-box 5px bottom;
|
|
}
|
|
|
|
sl {
|
|
background: round no-repeat linear-gradient(pink, purple) padding-box, repeat none center, url("test.png") round no-repeat content-box, border-box url("test.png") repeat, padding-box 10%, 5px bottom repeat, round no-repeat top left padding-box, currentColor content-box top left / cover url("test.png");
|
|
}
|
|
|
|
tl {
|
|
background: repeat border-box content-box, 10% url("test.png") padding-box round no-repeat, repeat 10% border-box, 5px bottom padding-box linear-gradient(pink, purple), center / cover content-box url("test.png") repeat;
|
|
}
|
|
|
|
ul {
|
|
background: url("test.png") repeat 5px bottom content-box, none top left round no-repeat, 10% border-box, center padding-box content-box, repeat padding-box, top left round no-repeat border-box, 10% linear-gradient(pink, purple) padding-box, repeat center linear-gradient(pink, purple), url("test.png") round no-repeat, content-box url("test.png") repeat center, 10% linear-gradient(pink, purple), 10% border-box, 10% round no-repeat linear-gradient(pink, purple), currentColor content-box top left none;
|
|
}
|
|
|
|
vl {
|
|
background: none, url("test.png") round no-repeat center, url("test.png") top left round no-repeat red padding-box;
|
|
}
|
|
|
|
wl {
|
|
background: round no-repeat 10% url("test.png") padding-box padding-box, none padding-box repeat, url("test.png") content-box 5px bottom / cover, 10% repeat, top left border-box round no-repeat, url("test.png") center content-box border-box, none center / 10% padding-box, padding-box content-box, 10% round no-repeat content-box, content-box round no-repeat, padding-box round no-repeat 10% / cover, linear-gradient(pink, purple) content-box, none content-box padding-box 5px bottom / 10% repeat, repeat top left / auto auto, none center padding-box padding-box repeat, content-box none, repeat linear-gradient(pink, purple) 5px bottom, red;
|
|
}
|
|
|
|
xl {
|
|
background: url("test.png") 5px bottom, padding-box padding-box repeat none center, round no-repeat border-box padding-box url("test.png"), linear-gradient(pink, purple) border-box 10% / cover, repeat padding-box alpha(pink, 0.5) linear-gradient(pink, purple) center;
|
|
}
|
|
|
|
yl {
|
|
background: 10% border-box content-box, repeat none content-box, padding-box url("test.png"), 5px bottom repeat, border-box round no-repeat url("test.png"), repeat content-box border-box 5px bottom / auto auto, none, border-box linear-gradient(pink, purple) @home repeat;
|
|
}
|
|
|
|
zl {
|
|
background: url("test.png") round no-repeat border-box content-box 10%, border-box round no-repeat top left, round no-repeat 10%, center repeat linear-gradient(pink, purple) padding-box, round no-repeat url("test.png") border-box, repeat content-box border-box, repeat padding-box 10%;
|
|
}
|
|
|
|
am {
|
|
background: padding-box 5px bottom / 10%, border-box repeat none center, 5px bottom content-box border-box, repeat border-box top left, url("test.png") 10% content-box round no-repeat, border-box center, padding-box center red round no-repeat;
|
|
}
|
|
|
|
bm {
|
|
background: repeat top left content-box, url("test.png") content-box padding-box, url("test.png") content-box center repeat, linear-gradient(pink, purple) 10% / cover padding-box content-box;
|
|
}
|
|
|
|
cm {
|
|
background: repeat padding-box border-box, top left linear-gradient(pink, purple) border-box padding-box, none center repeat, round no-repeat 10% content-box, top left / 10%, round no-repeat, center repeat content-box, top left repeat padding-box content-box, border-box padding-box 10% repeat, top left content-box repeat, 10% / cover, top left round no-repeat linear-gradient(pink, purple) border-box border-box, round no-repeat border-box content-box center, linear-gradient(pink, purple) round no-repeat 5px bottom padding-box border-box, none center / cover, border-box content-box linear-gradient(pink, purple) repeat, repeat center linear-gradient(pink, purple), content-box url("test.png") 10%, border-box 5px bottom / 10% url("test.png"), border-box url("test.png") 5px bottom, linear-gradient(pink, purple), currentColor 10% repeat border-box url("test.png");
|
|
}
|
|
|
|
dm {
|
|
background: center padding-box, top left / 10% border-box border-box url("test.png") round no-repeat, round no-repeat border-box, none repeat, repeat url("test.png"), linear-gradient(pink, purple) border-box padding-box, content-box repeat none 5px bottom, repeat border-box padding-box, linear-gradient(pink, purple) repeat content-box red;
|
|
}
|
|
|
|
em {
|
|
background: #ADF 5px bottom none repeat border-box content-box;
|
|
}
|
|
|
|
fm {
|
|
background: url("test.png") round no-repeat red top left;
|
|
}
|
|
|
|
gm {
|
|
background: border-box border-box top left, 10% / cover padding-box, content-box alpha(pink, 0.5);
|
|
}
|
|
|
|
hm {
|
|
background: border-box content-box center, round no-repeat content-box border-box none, repeat border-box linear-gradient(pink, purple) top left, none 5px bottom content-box padding-box;
|
|
}
|
|
|
|
im {
|
|
background: top left / auto auto border-box repeat none, url("test.png") top left / auto auto content-box, round no-repeat none currentColor center / cover;
|
|
}
|
|
|
|
jm {
|
|
background: url("test.png") border-box, round no-repeat center, alpha(pink, 0.5) center repeat;
|
|
}
|
|
|
|
km {
|
|
background: content-box round no-repeat center / auto auto;
|
|
}
|
|
|
|
lm {
|
|
background: round no-repeat content-box top left linear-gradient(pink, purple), 10% content-box, content-box content-box none repeat, padding-box top left repeat, none 10% / 10% border-box, 10% border-box url("test.png"), center padding-box, content-box round no-repeat;
|
|
}
|
|
|
|
mm {
|
|
background: none, round no-repeat content-box linear-gradient(pink, purple) 5px bottom / cover, 5px bottom / cover url("test.png") content-box repeat, top left / auto auto none, round no-repeat top left, padding-box padding-box repeat top left / 10%, top left round no-repeat padding-box border-box, center / cover round no-repeat, linear-gradient(pink, purple) top left content-box, 10% repeat, 10% padding-box border-box round no-repeat, padding-box 5px bottom, padding-box round no-repeat 5px bottom / auto auto none, content-box none round no-repeat, 10% round no-repeat padding-box padding-box, repeat padding-box, repeat linear-gradient(pink, purple) content-box content-box, center none padding-box, padding-box padding-box url("test.png") 5px bottom / 10%, top left url("test.png"), none padding-box repeat #ADF top left;
|
|
}
|
|
|
|
nm {
|
|
background: linear-gradient(pink, purple) center / auto auto, top left / 10% round no-repeat padding-box linear-gradient(pink, purple), content-box 10% / auto auto, border-box, repeat content-box, url("test.png") repeat content-box 10% / cover, url("test.png") center, 10%, content-box round no-repeat url("test.png"), round no-repeat top left none border-box border-box, 5px bottom round no-repeat border-box padding-box, url("test.png") 5px bottom content-box currentColor round no-repeat;
|
|
}
|
|
|
|
om {
|
|
background: top left @home border-box none;
|
|
}
|
|
|
|
pm {
|
|
background: content-box round no-repeat, url("test.png") top left / cover repeat, 10% / auto auto round no-repeat, center / 10% round no-repeat border-box content-box linear-gradient(pink, purple), border-box center none, 10% border-box round no-repeat, center / auto auto border-box padding-box round no-repeat url("test.png"), round no-repeat center / cover, center none repeat, linear-gradient(pink, purple) top left content-box repeat, border-box, 10% / cover round no-repeat, content-box content-box repeat top left / auto auto url("test.png"), repeat url("test.png") currentColor;
|
|
}
|
|
|
|
qm {
|
|
background: border-box border-box round no-repeat linear-gradient(pink, purple) 10%, 10% / 10% linear-gradient(pink, purple), url("test.png") round no-repeat top left / cover, center content-box border-box none, round no-repeat none top left / cover, top left / cover round no-repeat border-box linear-gradient(pink, purple), repeat border-box center / auto auto, padding-box repeat center @home;
|
|
}
|
|
|
|
rm {
|
|
background: content-box round no-repeat url("test.png") 5px bottom, border-box padding-box none top left / cover round no-repeat, none top left / auto auto content-box repeat, none repeat content-box content-box top left, top left border-box content-box round no-repeat url("test.png"), border-box round no-repeat 10%, content-box padding-box center url("test.png"), url("test.png") round no-repeat content-box, padding-box border-box, linear-gradient(pink, purple) center / cover border-box round no-repeat, 10% / auto auto none padding-box, none top left repeat, round no-repeat top left / 10%, repeat content-box, none alpha(pink, 0.5) round no-repeat;
|
|
}
|
|
|
|
sm {
|
|
background: linear-gradient(pink, purple) 10% / auto auto repeat border-box border-box, content-box, border-box center / 10%, round no-repeat center padding-box linear-gradient(pink, purple), repeat top left / 10% linear-gradient(pink, purple), 10% repeat linear-gradient(pink, purple) padding-box border-box, url("test.png") top left padding-box, repeat center / cover padding-box, border-box url("test.png") 10% / auto auto, red repeat padding-box linear-gradient(pink, purple) 10%;
|
|
}
|
|
|
|
tm {
|
|
background: round no-repeat center padding-box none, border-box, repeat url("test.png") 10% / cover, padding-box padding-box round no-repeat none center, 10% round no-repeat padding-box, url("test.png") border-box 5px bottom / 10% round no-repeat, content-box round no-repeat linear-gradient(pink, purple);
|
|
}
|
|
|
|
um {
|
|
background: 5px bottom url("test.png") padding-box round no-repeat, round no-repeat 5px bottom, top left round no-repeat border-box content-box url("test.png"), none round no-repeat center content-box, none repeat border-box content-box 10%, top left / auto auto content-box padding-box linear-gradient(pink, purple), round no-repeat, top left content-box round no-repeat currentColor;
|
|
}
|
|
|
|
vm {
|
|
background: 10% content-box, repeat none 10% content-box, border-box padding-box top left, center linear-gradient(pink, purple) content-box, repeat padding-box, round no-repeat alpha(pink, 0.5) top left padding-box padding-box;
|
|
}
|
|
|
|
wm {
|
|
background: url("test.png") 10% / auto auto padding-box round no-repeat, url("test.png") round no-repeat padding-box border-box, top left linear-gradient(pink, purple);
|
|
}
|
|
|
|
xm {
|
|
background: repeat 5px bottom / auto auto, padding-box url("test.png"), repeat border-box center / auto auto, linear-gradient(pink, purple) 5px bottom border-box, repeat border-box, round no-repeat #ADF url("test.png") top left padding-box;
|
|
}
|
|
|
|
ym {
|
|
background: round no-repeat 10% / 10% content-box border-box, border-box none, url("test.png") repeat top left, none content-box round no-repeat 5px bottom, top left linear-gradient(pink, purple) padding-box border-box, none repeat top left / cover padding-box, border-box content-box 10%, center / cover border-box repeat none, border-box center repeat, 10% border-box linear-gradient(pink, purple), round no-repeat none padding-box center, url("test.png") border-box top left, repeat 5px bottom linear-gradient(pink, purple) content-box, border-box border-box linear-gradient(pink, purple) 10%, center content-box none, padding-box content-box 5px bottom, 10% / cover linear-gradient(pink, purple) content-box repeat, top left padding-box, url("test.png") top left / auto auto padding-box repeat, center none repeat, 10% content-box url("test.png"), padding-box, padding-box none 5px bottom / auto auto round no-repeat, padding-box 5px bottom repeat linear-gradient(pink, purple), top left / cover padding-box repeat, round no-repeat none, padding-box repeat top left / 10%, url("test.png") center repeat, round no-repeat center content-box url("test.png"), center / auto auto url("test.png") content-box padding-box, center / 10% round no-repeat, center / cover round no-repeat border-box none, padding-box repeat, url("test.png") border-box content-box round no-repeat, none border-box content-box repeat, repeat border-box, round no-repeat padding-box padding-box 5px bottom, content-box border-box round no-repeat 5px bottom / auto auto linear-gradient(pink, purple), 10% padding-box none round no-repeat, padding-box border-box 10% repeat linear-gradient(pink, purple), center repeat, 10% / cover repeat, center round no-repeat linear-gradient(pink, purple), repeat border-box padding-box center / 10% url("test.png"), 5px bottom padding-box, top left round no-repeat padding-box content-box, linear-gradient(pink, purple) padding-box;
|
|
}
|
|
|
|
zm {
|
|
background: round no-repeat 10% linear-gradient(pink, purple), round no-repeat 10% / cover linear-gradient(pink, purple), repeat top left / 10% padding-box, border-box top left / 10% none, center repeat padding-box, repeat content-box linear-gradient(pink, purple), border-box center repeat, 10% / auto auto repeat alpha(pink, 0.5) content-box;
|
|
}
|
|
|
|
an {
|
|
background: round no-repeat top left linear-gradient(pink, purple) content-box, top left none repeat, round no-repeat content-box, repeat, 5px bottom padding-box padding-box repeat, linear-gradient(pink, purple) round no-repeat top left;
|
|
}
|
|
|
|
bn {
|
|
background: center;
|
|
}
|
|
|
|
cn {
|
|
background: padding-box round no-repeat url("test.png") center, 10% / 10% url("test.png") padding-box, url("test.png") repeat center content-box content-box, none repeat border-box border-box top left / 10%, content-box none, linear-gradient(pink, purple) 10% content-box content-box, center repeat border-box content-box url("test.png"), top left / auto auto repeat url("test.png") content-box, border-box content-box currentColor center / 10% none round no-repeat;
|
|
}
|
|
|
|
dn {
|
|
background: repeat linear-gradient(pink, purple) center / 10%, linear-gradient(pink, purple) border-box content-box repeat, padding-box content-box 10% none repeat, content-box padding-box center / cover linear-gradient(pink, purple), padding-box padding-box 10% repeat, none 10% / auto auto, content-box 10%, padding-box padding-box repeat, round no-repeat url("test.png"), round no-repeat padding-box top left, content-box content-box top left none round no-repeat, linear-gradient(pink, purple) padding-box, 5px bottom border-box content-box url("test.png"), padding-box;
|
|
}
|
|
|
|
en {
|
|
background: top left repeat red;
|
|
}
|
|
|
|
fn {
|
|
background: border-box none, none repeat padding-box, repeat padding-box linear-gradient(pink, purple), top left / cover #ADF content-box round no-repeat;
|
|
}
|
|
|
|
gn {
|
|
background: repeat content-box center / 10%, none center padding-box, padding-box linear-gradient(pink, purple) repeat center / auto auto, 10% / auto auto border-box border-box alpha(pink, 0.5);
|
|
}
|
|
|
|
hn {
|
|
background: repeat content-box content-box center url("test.png"), round no-repeat content-box none top left, currentColor linear-gradient(pink, purple) repeat 5px bottom padding-box padding-box;
|
|
}
|
|
|
|
in {
|
|
background: linear-gradient(pink, purple) round no-repeat top left red;
|
|
}
|
|
|
|
jn {
|
|
background: content-box center, url("test.png") round no-repeat #ADF 5px bottom padding-box;
|
|
}
|
|
|
|
kn {
|
|
background: linear-gradient(pink, purple) center / cover, content-box border-box center / 10% repeat, url("test.png") 10% / cover;
|
|
}
|
|
|
|
ln {
|
|
background: content-box center url("test.png"), content-box top left, content-box url("test.png") center, url("test.png") center / auto auto, padding-box round no-repeat 10% linear-gradient(pink, purple), border-box repeat 10%, repeat 10%, round no-repeat center, round no-repeat @home none content-box 10% / cover;
|
|
}
|
|
|
|
mn {
|
|
background: center / cover padding-box content-box repeat, none padding-box content-box center, url("test.png") border-box round no-repeat, content-box, center / auto auto red round no-repeat border-box;
|
|
}
|
|
|
|
nn {
|
|
background: content-box linear-gradient(pink, purple) round no-repeat, padding-box none top left, 5px bottom / 10% linear-gradient(pink, purple) round no-repeat, 10% round no-repeat padding-box border-box;
|
|
}
|
|
|
|
on {
|
|
background: content-box round no-repeat url("test.png"), content-box url("test.png") round no-repeat #ADF 10%;
|
|
}
|
|
|
|
pn {
|
|
background: content-box content-box 5px bottom / 10% linear-gradient(pink, purple) repeat, url("test.png") top left padding-box padding-box, padding-box center repeat, content-box linear-gradient(pink, purple) 5px bottom / auto auto @home;
|
|
}
|
|
|
|
qn {
|
|
background: none 10%, round no-repeat top left linear-gradient(pink, purple), center / auto auto url("test.png") repeat, border-box 10% / auto auto round no-repeat, round no-repeat content-box url("test.png"), none padding-box 10% / 10%, 10% border-box padding-box @home;
|
|
}
|
|
|
|
rn {
|
|
background: none padding-box round no-repeat top left, url("test.png") 10%;
|
|
}
|
|
|
|
sn {
|
|
background: center / 10% repeat url("test.png") padding-box, 10% / cover content-box repeat linear-gradient(pink, purple);
|
|
}
|
|
|
|
tn {
|
|
background: 10% linear-gradient(pink, purple), 5px bottom repeat padding-box border-box linear-gradient(pink, purple), center / 10% repeat, 5px bottom / cover, padding-box 5px bottom repeat none, content-box 5px bottom repeat, none border-box top left, content-box padding-box center, repeat padding-box content-box center none, top left round no-repeat border-box border-box, top left padding-box border-box, padding-box url("test.png") 5px bottom, round no-repeat url("test.png") padding-box #ADF;
|
|
}
|
|
|
|
un {
|
|
background: 5px bottom repeat none border-box;
|
|
}
|
|
|
|
vn {
|
|
background: none 5px bottom round no-repeat, round no-repeat content-box border-box none 10%, none center round no-repeat content-box, url("test.png") 5px bottom border-box, 10% / cover content-box padding-box, 5px bottom padding-box content-box, round no-repeat linear-gradient(pink, purple) border-box center, url("test.png"), round no-repeat border-box, round no-repeat linear-gradient(pink, purple) @home content-box;
|
|
}
|
|
|
|
wn {
|
|
background: none content-box padding-box center / 10% repeat, url("test.png") border-box center, none content-box border-box round no-repeat 5px bottom / 10%, border-box repeat none 5px bottom / auto auto, padding-box, url("test.png") padding-box repeat 10% / auto auto, top left / auto auto, repeat padding-box border-box center / cover, center round no-repeat padding-box border-box linear-gradient(pink, purple), content-box 10% / cover, round no-repeat 10% none, none content-box padding-box 10% repeat, round no-repeat border-box none, 5px bottom / auto auto content-box, center / auto auto padding-box linear-gradient(pink, purple), round no-repeat top left none border-box padding-box alpha(pink, 0.5);
|
|
}
|
|
|
|
xn {
|
|
background: padding-box repeat linear-gradient(pink, purple), border-box padding-box top left none @home;
|
|
}
|
|
|
|
yn {
|
|
background: linear-gradient(pink, purple) padding-box border-box repeat, content-box none 5px bottom round no-repeat, padding-box border-box linear-gradient(pink, purple) center, 10% / cover, padding-box center, none content-box content-box top left repeat, border-box content-box none top left, border-box, red border-box 5px bottom none;
|
|
}
|
|
|
|
zn {
|
|
background: none repeat, repeat border-box 10% / 10%, center padding-box round no-repeat, none round no-repeat;
|
|
}
|
|
|
|
ao {
|
|
background: round no-repeat linear-gradient(pink, purple) top left content-box border-box, url("test.png") padding-box center, top left red border-box none repeat;
|
|
}
|
|
|
|
bo {
|
|
background: linear-gradient(pink, purple) 10% round no-repeat, top left url("test.png") repeat padding-box, top left linear-gradient(pink, purple) border-box, center;
|
|
}
|
|
|
|
co {
|
|
background: border-box border-box top left / auto auto, linear-gradient(pink, purple) 10% round no-repeat content-box content-box, border-box linear-gradient(pink, purple) center, repeat top left linear-gradient(pink, purple), content-box url("test.png") repeat center, 5px bottom content-box repeat, padding-box url("test.png") 10% / auto auto round no-repeat, url("test.png") 10% / 10% border-box;
|
|
}
|
|
|
|
do {
|
|
background: padding-box round no-repeat, repeat content-box none;
|
|
}
|
|
|
|
eo {
|
|
background: round no-repeat top left / 10% linear-gradient(pink, purple), content-box content-box repeat, border-box border-box repeat none;
|
|
}
|
|
|
|
fo {
|
|
background: content-box 10%, border-box round no-repeat none, round no-repeat 5px bottom padding-box, linear-gradient(pink, purple), border-box top left, none top left round no-repeat, top left / auto auto border-box padding-box none, padding-box url("test.png") repeat, round no-repeat, 5px bottom url("test.png"), url("test.png") 5px bottom, round no-repeat url("test.png") border-box, none content-box;
|
|
}
|
|
|
|
go {
|
|
background: border-box top left / cover round no-repeat, repeat none border-box border-box @home;
|
|
}
|
|
|
|
ho {
|
|
background: border-box repeat 10% linear-gradient(pink, purple), padding-box, round no-repeat 10% url("test.png") content-box content-box, 5px bottom border-box content-box, round no-repeat none 5px bottom / auto auto padding-box, border-box round no-repeat, content-box border-box url("test.png") round no-repeat top left / auto auto, top left content-box content-box, padding-box content-box none 10% / auto auto round no-repeat, #ADF none center / 10% border-box;
|
|
}
|
|
|
|
io {
|
|
background: padding-box round no-repeat center / auto auto, round no-repeat content-box border-box none top left, 5px bottom / auto auto round no-repeat border-box content-box linear-gradient(pink, purple), url("test.png") padding-box round no-repeat 5px bottom;
|
|
}
|
|
|
|
jo {
|
|
background: content-box padding-box none round no-repeat center, 10% padding-box border-box, repeat center / 10% padding-box none, repeat center, padding-box round no-repeat top left linear-gradient(pink, purple), none round no-repeat padding-box content-box center / cover, padding-box url("test.png") round no-repeat, repeat linear-gradient(pink, purple) border-box content-box center, repeat content-box center / auto auto linear-gradient(pink, purple), top left / cover none padding-box, padding-box content-box linear-gradient(pink, purple) repeat, round no-repeat, top left linear-gradient(pink, purple), repeat center padding-box, content-box padding-box repeat linear-gradient(pink, purple) top left, center border-box border-box, repeat top left / cover @home;
|
|
}
|
|
|
|
ko {
|
|
background: content-box 5px bottom, padding-box round no-repeat none 10%, border-box center linear-gradient(pink, purple), top left linear-gradient(pink, purple) border-box content-box round no-repeat, repeat 5px bottom / auto auto padding-box, url("test.png"), content-box linear-gradient(pink, purple) round no-repeat, linear-gradient(pink, purple) border-box padding-box, top left repeat none padding-box padding-box, center linear-gradient(pink, purple), repeat linear-gradient(pink, purple) 5px bottom;
|
|
}
|
|
|
|
lo {
|
|
background: round no-repeat content-box url("test.png"), currentColor 5px bottom none border-box;
|
|
}
|
|
|
|
mo {
|
|
background: repeat linear-gradient(pink, purple), alpha(pink, 0.5) 10% repeat padding-box;
|
|
}
|
|
|
|
no {
|
|
background: linear-gradient(pink, purple) @home 10% repeat;
|
|
}
|
|
|
|
oo {
|
|
background: round no-repeat none border-box, border-box center repeat url("test.png");
|
|
}
|
|
|
|
po {
|
|
background: linear-gradient(pink, purple) 10% border-box, 5px bottom / auto auto url("test.png") content-box border-box, content-box padding-box 5px bottom / cover linear-gradient(pink, purple) repeat, linear-gradient(pink, purple) padding-box, round no-repeat padding-box border-box, url("test.png") 5px bottom padding-box, content-box content-box none top left repeat, round no-repeat content-box content-box none, repeat url("test.png") currentColor;
|
|
}
|
|
|
|
qo {
|
|
background: linear-gradient(pink, purple) 10% repeat, content-box round no-repeat top left, padding-box content-box 10% round no-repeat, repeat border-box linear-gradient(pink, purple) top left, round no-repeat none content-box content-box 10%, center padding-box border-box #ADF;
|
|
}
|
|
|
|
ro {
|
|
background: center / cover border-box, 5px bottom padding-box none repeat, top left border-box, linear-gradient(pink, purple) round no-repeat, round no-repeat top left border-box content-box linear-gradient(pink, purple), url("test.png") content-box currentColor center;
|
|
}
|
|
|
|
so {
|
|
background: padding-box round no-repeat, url("test.png") currentColor round no-repeat padding-box border-box;
|
|
}
|
|
|
|
to {
|
|
background: repeat none, top left repeat none padding-box border-box, 5px bottom @home;
|
|
}
|
|
|
|
uo {
|
|
background: linear-gradient(pink, purple) content-box, repeat 10% / 10%, padding-box 5px bottom / auto auto, border-box, 10% border-box padding-box, repeat center none border-box, top left content-box padding-box none, url("test.png") padding-box, repeat top left, @home padding-box border-box repeat 5px bottom;
|
|
}
|
|
|
|
vo {
|
|
background: border-box repeat, 5px bottom linear-gradient(pink, purple) repeat padding-box #ADF;
|
|
}
|
|
|
|
wo {
|
|
background: none 5px bottom padding-box content-box repeat, border-box linear-gradient(pink, purple) center, top left / 10% round no-repeat linear-gradient(pink, purple), round no-repeat none, round no-repeat padding-box, repeat content-box center, border-box url("test.png") 5px bottom round no-repeat, round no-repeat, linear-gradient(pink, purple) content-box border-box, border-box repeat, top left url("test.png") padding-box border-box, none content-box border-box 10%, border-box red repeat url("test.png");
|
|
}
|
|
|
|
xo {
|
|
background: repeat 10% border-box border-box, round no-repeat 5px bottom url("test.png"), content-box 5px bottom repeat, linear-gradient(pink, purple) top left repeat, center, round no-repeat 10% / 10% content-box border-box url("test.png"), border-box border-box round no-repeat 5px bottom;
|
|
}
|
|
|
|
yo {
|
|
background: padding-box round no-repeat top left / auto auto, 5px bottom repeat, round no-repeat padding-box none top left, border-box padding-box url("test.png") red repeat center;
|
|
}
|
|
|
|
zo {
|
|
background: repeat 10% linear-gradient(pink, purple), content-box repeat, none content-box border-box 5px bottom / cover;
|
|
}
|
|
|
|
ap {
|
|
background: round no-repeat content-box url("test.png"), 10% / auto auto round no-repeat linear-gradient(pink, purple) border-box, round no-repeat top left content-box border-box url("test.png"), border-box 10% / cover round no-repeat, round no-repeat padding-box 10% currentColor linear-gradient(pink, purple);
|
|
}
|
|
|
|
bp {
|
|
background: padding-box, url("test.png") repeat 5px bottom border-box, border-box center / cover, padding-box 5px bottom round no-repeat url("test.png"), currentColor padding-box round no-repeat;
|
|
}
|
|
|
|
cp {
|
|
background: 5px bottom / auto auto content-box repeat url("test.png"), 10% / 10% round no-repeat content-box, top left / auto auto none repeat, 10% / cover content-box, center / 10% repeat border-box, linear-gradient(pink, purple) border-box content-box 5px bottom, content-box linear-gradient(pink, purple), center none border-box;
|
|
}
|
|
|
|
dp {
|
|
background: 5px bottom round no-repeat url("test.png"), repeat linear-gradient(pink, purple) center, padding-box, 5px bottom red;
|
|
}
|
|
|
|
ep {
|
|
background: 5px bottom / 10% border-box content-box round no-repeat, center border-box, currentColor padding-box round no-repeat none center;
|
|
}
|
|
|
|
fp {
|
|
background: border-box url("test.png"), url("test.png") center / cover border-box, round no-repeat url("test.png") alpha(pink, 0.5);
|
|
}
|
|
|
|
gp {
|
|
background: url("test.png") repeat content-box, padding-box content-box 10% repeat, round no-repeat 5px bottom / 10%, padding-box 10%, 10% round no-repeat none border-box, 5px bottom content-box url("test.png") round no-repeat, padding-box repeat center, url("test.png") alpha(pink, 0.5);
|
|
}
|
|
|
|
hp {
|
|
background: round no-repeat currentColor 5px bottom content-box;
|
|
}
|
|
|
|
ip {
|
|
background: 10% / 10% linear-gradient(pink, purple) round no-repeat, border-box linear-gradient(pink, purple), 5px bottom none border-box, linear-gradient(pink, purple) padding-box padding-box, content-box border-box top left, repeat content-box none, content-box none top left / cover, 5px bottom / 10% repeat padding-box, 5px bottom round no-repeat content-box, url("test.png") repeat padding-box center, content-box linear-gradient(pink, purple), 5px bottom / cover, 5px bottom, repeat linear-gradient(pink, purple) center / cover, padding-box url("test.png") repeat;
|
|
}
|
|
|
|
jp {
|
|
background: linear-gradient(pink, purple) 10% repeat content-box padding-box, linear-gradient(pink, purple) border-box padding-box top left round no-repeat, round no-repeat border-box 5px bottom / auto auto none, round no-repeat 10%, repeat top left none, content-box border-box, none content-box round no-repeat, linear-gradient(pink, purple) round no-repeat border-box border-box, padding-box round no-repeat linear-gradient(pink, purple) 10% #ADF;
|
|
}
|
|
|
|
kp {
|
|
background: 5px bottom padding-box border-box, 10% border-box, padding-box padding-box, round no-repeat, center, repeat #ADF center linear-gradient(pink, purple);
|
|
}
|
|
|
|
lp {
|
|
background: repeat url("test.png") padding-box, linear-gradient(pink, purple) repeat 5px bottom / cover, linear-gradient(pink, purple) center repeat, padding-box 10% / cover, border-box padding-box url("test.png") top left round no-repeat, 5px bottom alpha(pink, 0.5);
|
|
}
|
|
|
|
mp {
|
|
background: round no-repeat none border-box content-box center, content-box 5px bottom / auto auto, round no-repeat 10% content-box none, round no-repeat top left none border-box padding-box, padding-box, border-box padding-box url("test.png") repeat, center repeat padding-box, 5px bottom / auto auto url("test.png") border-box, center, padding-box repeat;
|
|
}
|
|
|
|
np {
|
|
background: top left round no-repeat, padding-box 10%, 5px bottom content-box padding-box none, repeat padding-box 5px bottom none, top left url("test.png") repeat, content-box 10% / auto auto round no-repeat, center / auto auto border-box border-box, url("test.png") repeat 5px bottom border-box, linear-gradient(pink, purple) border-box 5px bottom / auto auto, round no-repeat, repeat 10%, content-box round no-repeat 5px bottom #ADF;
|
|
}
|
|
|
|
op {
|
|
background: content-box 5px bottom linear-gradient(pink, purple) round no-repeat, round no-repeat linear-gradient(pink, purple) border-box, padding-box linear-gradient(pink, purple), border-box padding-box alpha(pink, 0.5) center;
|
|
}
|
|
|
|
pp {
|
|
background: top left border-box, 5px bottom border-box padding-box, url("test.png"), content-box none center round no-repeat, #ADF padding-box border-box repeat 5px bottom;
|
|
}
|
|
|
|
qp {
|
|
background: top left / auto auto url("test.png"), padding-box padding-box 5px bottom / cover linear-gradient(pink, purple) round no-repeat, round no-repeat, center border-box padding-box none round no-repeat, url("test.png") center round no-repeat, 5px bottom / 10% linear-gradient(pink, purple) content-box, center repeat url("test.png"), repeat 5px bottom linear-gradient(pink, purple) content-box, padding-box border-box repeat 5px bottom, url("test.png") 10% round no-repeat, url("test.png") top left content-box content-box, 5px bottom / cover url("test.png"), repeat 5px bottom linear-gradient(pink, purple), round no-repeat linear-gradient(pink, purple) content-box content-box, padding-box none repeat, border-box 5px bottom linear-gradient(pink, purple) repeat, none repeat @home;
|
|
}
|
|
|
|
rp {
|
|
background: border-box border-box linear-gradient(pink, purple), border-box center, top left linear-gradient(pink, purple), content-box border-box round no-repeat, 10% round no-repeat, linear-gradient(pink, purple) top left round no-repeat padding-box, 5px bottom round no-repeat, repeat center padding-box, 5px bottom / 10% url("test.png") content-box, 5px bottom none repeat border-box;
|
|
}
|
|
|
|
sp {
|
|
background: round no-repeat url("test.png"), linear-gradient(pink, purple) 5px bottom / 10%;
|
|
}
|
|
|
|
tp {
|
|
background: #ADF top left repeat;
|
|
}
|
|
|
|
up {
|
|
background: none repeat 10%, center linear-gradient(pink, purple) border-box round no-repeat, repeat 10% border-box content-box linear-gradient(pink, purple), padding-box round no-repeat 5px bottom / 10%, url("test.png") repeat @home content-box;
|
|
}
|
|
|
|
vp {
|
|
background: none top left / 10% round no-repeat, repeat alpha(pink, 0.5) content-box 10%;
|
|
}
|
|
|
|
wp {
|
|
background: round no-repeat content-box linear-gradient(pink, purple);
|
|
}
|
|
|
|
xp {
|
|
background: #ADF padding-box repeat center / 10%;
|
|
}
|
|
|
|
yp {
|
|
background: repeat url("test.png") 5px bottom / cover border-box, @home padding-box border-box round no-repeat;
|
|
}
|
|
|
|
zp {
|
|
background: content-box 5px bottom / 10%, none round no-repeat content-box border-box, round no-repeat content-box linear-gradient(pink, purple), padding-box none, content-box url("test.png") center, content-box none repeat 10%, round no-repeat padding-box top left url("test.png"), url("test.png") 10% padding-box, content-box padding-box url("test.png") 10%, repeat top left padding-box;
|
|
}
|
|
|
|
aq {
|
|
background: padding-box repeat none 5px bottom / cover, center / auto auto repeat border-box;
|
|
}
|
|
|
|
bq {
|
|
background: url("test.png") top left / cover, round no-repeat content-box none 10% / 10%, border-box none center, url("test.png") center border-box content-box round no-repeat, center / cover linear-gradient(pink, purple) repeat content-box padding-box, repeat, 10%, linear-gradient(pink, purple) repeat 10% / 10% border-box;
|
|
}
|
|
|
|
cq {
|
|
background: none #ADF repeat content-box border-box 10% / 10%;
|
|
}
|
|
|
|
dq {
|
|
background: url("test.png") padding-box repeat;
|
|
}
|
|
|
|
eq {
|
|
background: currentColor 10% repeat content-box;
|
|
}
|
|
|
|
fq {
|
|
background: padding-box content-box none round no-repeat center / auto auto;
|
|
}
|
|
|
|
gq {
|
|
background: 5px bottom none padding-box repeat, content-box 5px bottom repeat, border-box top left linear-gradient(pink, purple), none padding-box, 10% / auto auto round no-repeat, 5px bottom content-box url("test.png"), center, center url("test.png") border-box, 5px bottom round no-repeat, center round no-repeat, top left border-box padding-box none round no-repeat;
|
|
}
|
|
|
|
hq {
|
|
background: repeat 5px bottom none padding-box, round no-repeat url("test.png"), border-box content-box none, linear-gradient(pink, purple) 5px bottom, linear-gradient(pink, purple) border-box top left round no-repeat, repeat, none border-box repeat, repeat linear-gradient(pink, purple) content-box border-box center, repeat 5px bottom, round no-repeat linear-gradient(pink, purple) content-box padding-box, content-box border-box 5px bottom / 10% round no-repeat url("test.png"), url("test.png") border-box, center repeat padding-box padding-box, repeat content-box 5px bottom / auto auto none, repeat @home linear-gradient(pink, purple);
|
|
}
|
|
|
|
iq {
|
|
background: none, 10% border-box, none repeat center / 10% padding-box;
|
|
}
|
|
|
|
jq {
|
|
background: border-box 10% / auto auto url("test.png") repeat, center / auto auto red url("test.png");
|
|
}
|
|
|
|
kq {
|
|
background: linear-gradient(pink, purple) repeat border-box, padding-box #ADF top left repeat none;
|
|
}
|
|
|
|
lq {
|
|
background: linear-gradient(pink, purple) 5px bottom / cover, top left padding-box border-box round no-repeat, repeat linear-gradient(pink, purple), 10%, currentColor 10% round no-repeat content-box border-box;
|
|
}
|
|
|
|
mq {
|
|
background: none border-box 5px bottom, content-box content-box, center none repeat border-box, content-box linear-gradient(pink, purple) 5px bottom, center / cover round no-repeat content-box, repeat, content-box padding-box, content-box padding-box, top left none, border-box round no-repeat url("test.png") top left;
|
|
}
|
|
|
|
nq {
|
|
background: alpha(pink, 0.5) top left / auto auto none;
|
|
}
|
|
|
|
oq {
|
|
background: padding-box content-box, top left round no-repeat, url("test.png") 10% repeat, center / cover repeat border-box, border-box repeat center / cover url("test.png"), url("test.png") content-box round no-repeat, url("test.png") border-box #ADF;
|
|
}
|
|
|
|
pq {
|
|
background: 10% border-box repeat linear-gradient(pink, purple), repeat padding-box 5px bottom / auto auto, linear-gradient(pink, purple) 5px bottom / 10% content-box padding-box repeat, top left / auto auto url("test.png") red round no-repeat;
|
|
}
|
|
|
|
qq {
|
|
background: 5px bottom / auto auto round no-repeat border-box none, url("test.png") center content-box round no-repeat, center padding-box padding-box, round no-repeat border-box top left / auto auto none, border-box top left repeat, repeat top left url("test.png") padding-box content-box, border-box round no-repeat center, repeat 10% / auto auto border-box, center content-box url("test.png"), round no-repeat 5px bottom content-box, 5px bottom repeat, content-box linear-gradient(pink, purple) center, none round no-repeat 10% #ADF;
|
|
}
|
|
|
|
rq {
|
|
background: round no-repeat top left / cover border-box border-box, round no-repeat linear-gradient(pink, purple), 5px bottom round no-repeat content-box padding-box linear-gradient(pink, purple), center currentColor linear-gradient(pink, purple) repeat;
|
|
}
|
|
|
|
sq {
|
|
background: repeat content-box none, none repeat 10%, round no-repeat none content-box 5px bottom, border-box padding-box none center repeat, linear-gradient(pink, purple) round no-repeat border-box 10% / auto auto, 10% linear-gradient(pink, purple) round no-repeat, border-box border-box top left round no-repeat url("test.png"), center linear-gradient(pink, purple) round no-repeat, padding-box 10% / cover, url("test.png") repeat, linear-gradient(pink, purple) border-box repeat, padding-box, content-box top left round no-repeat url("test.png"), center / 10% content-box round no-repeat, center / auto auto none, content-box content-box top left, none center padding-box;
|
|
}
|
|
|
|
tq {
|
|
background: url("test.png") repeat border-box 5px bottom, round no-repeat center none, round no-repeat border-box padding-box 5px bottom linear-gradient(pink, purple), red 10% border-box;
|
|
}
|
|
|
|
uq {
|
|
background: center padding-box, border-box center / cover, top left / auto auto padding-box repeat linear-gradient(pink, purple), content-box, linear-gradient(pink, purple) top left round no-repeat content-box content-box, none border-box 5px bottom repeat, 10% round no-repeat padding-box, 10% repeat linear-gradient(pink, purple), border-box padding-box linear-gradient(pink, purple) round no-repeat;
|
|
}
|
|
|
|
vq {
|
|
background: url("test.png") border-box padding-box center, round no-repeat content-box 10%, padding-box padding-box round no-repeat 10%;
|
|
}
|
|
|
|
wq {
|
|
background: 5px bottom none round no-repeat, round no-repeat center border-box none;
|
|
}
|
|
|
|
xq {
|
|
background: round no-repeat content-box linear-gradient(pink, purple), border-box top left / auto auto none round no-repeat, linear-gradient(pink, purple), 5px bottom padding-box round no-repeat, repeat linear-gradient(pink, purple) padding-box center, repeat none center, none top left / 10% repeat, 10% linear-gradient(pink, purple) border-box, padding-box url("test.png") top left round no-repeat, center round no-repeat padding-box content-box;
|
|
}
|
|
|
|
yq {
|
|
background: 5px bottom round no-repeat, top left / 10% round no-repeat, top left content-box, 5px bottom / auto auto currentColor padding-box content-box;
|
|
}
|
|
|
|
zq {
|
|
background: round no-repeat content-box 5px bottom, top left linear-gradient(pink, purple) padding-box padding-box, repeat 10% / 10% none border-box, repeat 10% content-box url("test.png"), 5px bottom none, padding-box url("test.png"), none 5px bottom / auto auto padding-box, content-box padding-box url("test.png") round no-repeat, 10% linear-gradient(pink, purple) repeat padding-box, 10% border-box, border-box 5px bottom round no-repeat url("test.png"), linear-gradient(pink, purple) repeat content-box padding-box, repeat url("test.png"), none content-box center round no-repeat, none content-box padding-box red;
|
|
}
|
|
|
|
ar {
|
|
background: alpha(pink, 0.5) border-box top left repeat;
|
|
}
|
|
|
|
br {
|
|
background: none 10% / 10% round no-repeat, 10% url("test.png") padding-box content-box round no-repeat, repeat top left / cover none border-box;
|
|
}
|
|
|
|
cr {
|
|
background: top left, padding-box round no-repeat url("test.png") 10%, 5px bottom content-box content-box repeat, 10% padding-box linear-gradient(pink, purple) repeat, padding-box top left / auto auto, 5px bottom round no-repeat linear-gradient(pink, purple) content-box padding-box, border-box round no-repeat, 5px bottom alpha(pink, 0.5) padding-box;
|
|
}
|
|
|
|
dr {
|
|
background: 10% padding-box border-box url("test.png"), @home 5px bottom content-box;
|
|
}
|
|
|
|
er {
|
|
background: url("test.png") round no-repeat center / cover, 10% / cover repeat border-box content-box, none padding-box top left;
|
|
}
|
|
|
|
fr {
|
|
background: content-box 10% / 10% linear-gradient(pink, purple) round no-repeat;
|
|
}
|
|
|
|
gr {
|
|
background: linear-gradient(pink, purple) round no-repeat 10% border-box padding-box, none padding-box top left, repeat none 5px bottom border-box, top left content-box padding-box linear-gradient(pink, purple) @home;
|
|
}
|
|
|
|
hr {
|
|
background: repeat center border-box none, none round no-repeat, padding-box content-box repeat none top left, content-box top left, repeat top left / cover url("test.png"), border-box border-box round no-repeat linear-gradient(pink, purple) 5px bottom, center none round no-repeat, border-box repeat 5px bottom / auto auto, content-box top left / cover repeat none, border-box 5px bottom / cover, 5px bottom / cover none, top left repeat border-box padding-box none, 5px bottom / auto auto content-box, border-box none repeat, round no-repeat 5px bottom content-box padding-box url("test.png"), 5px bottom / 10% none border-box content-box, center padding-box, padding-box content-box, padding-box round no-repeat, round no-repeat border-box border-box none top left, linear-gradient(pink, purple) round no-repeat border-box, padding-box content-box url("test.png"), 10% round no-repeat linear-gradient(pink, purple), top left round no-repeat border-box none, border-box, border-box url("test.png") repeat 10%, padding-box linear-gradient(pink, purple), repeat top left / 10%, alpha(pink, 0.5) content-box border-box url("test.png") top left;
|
|
}
|
|
|
|
ir {
|
|
background: padding-box, center / cover;
|
|
}
|
|
|
|
jr {
|
|
background: round no-repeat none center / 10%, padding-box url("test.png") 10%, linear-gradient(pink, purple) center content-box round no-repeat, center border-box repeat, content-box top left linear-gradient(pink, purple) repeat, round no-repeat url("test.png") 10% / cover border-box padding-box, round no-repeat border-box top left / cover;
|
|
}
|
|
|
|
kr {
|
|
background: repeat url("test.png") padding-box content-box, padding-box 10%, top left repeat border-box, round no-repeat none center padding-box, linear-gradient(pink, purple) 10% content-box border-box, repeat border-box content-box url("test.png"), 10%;
|
|
}
|
|
|
|
lr {
|
|
background: round no-repeat, content-box border-box repeat 5px bottom, repeat linear-gradient(pink, purple) 10% border-box, border-box 5px bottom repeat, padding-box top left repeat;
|
|
}
|
|
|
|
mr {
|
|
background: center currentColor;
|
|
}
|
|
|
|
nr {
|
|
background: repeat url("test.png") content-box top left, 5px bottom / auto auto round no-repeat padding-box padding-box, content-box 10% none, round no-repeat padding-box, url("test.png") round no-repeat padding-box, border-box url("test.png") currentColor repeat 10%;
|
|
}
|
|
|
|
or {
|
|
background: 5px bottom border-box padding-box none, padding-box padding-box url("test.png") repeat, content-box linear-gradient(pink, purple) repeat 10%, 10% / 10% round no-repeat linear-gradient(pink, purple), 10% currentColor round no-repeat;
|
|
}
|
|
|
|
pr {
|
|
background: padding-box content-box round no-repeat center / auto auto, border-box top left repeat, 10% linear-gradient(pink, purple) padding-box border-box, linear-gradient(pink, purple) round no-repeat border-box 5px bottom;
|
|
}
|
|
|
|
qr {
|
|
background: content-box 5px bottom, center / 10% padding-box border-box url("test.png"), linear-gradient(pink, purple) center content-box, 5px bottom / cover none repeat, content-box 10% repeat;
|
|
}
|
|
|
|
rr {
|
|
background: top left repeat linear-gradient(pink, purple) border-box, round no-repeat content-box, url("test.png") repeat, 10% none, border-box round no-repeat, round no-repeat linear-gradient(pink, purple) 5px bottom / 10% padding-box, url("test.png") 10% round no-repeat, none #ADF padding-box border-box round no-repeat;
|
|
}
|
|
|
|
sr {
|
|
background: linear-gradient(pink, purple) 5px bottom round no-repeat, repeat top left, padding-box padding-box none center, round no-repeat, content-box border-box none, repeat padding-box content-box top left / cover url("test.png"), center content-box url("test.png"), 5px bottom content-box border-box none, round no-repeat center, padding-box content-box repeat;
|
|
}
|
|
|
|
tr {
|
|
background: repeat linear-gradient(pink, purple) top left, content-box padding-box repeat 10%, top left linear-gradient(pink, purple) content-box content-box round no-repeat, round no-repeat content-box top left url("test.png"), border-box content-box url("test.png") top left / cover repeat, 5px bottom border-box repeat linear-gradient(pink, purple), border-box content-box repeat top left / 10%, round no-repeat 10% / 10% border-box none, repeat padding-box top left, url("test.png") 5px bottom content-box border-box, padding-box linear-gradient(pink, purple) 5px bottom;
|
|
}
|
|
|
|
ur {
|
|
background: round no-repeat, url("test.png") 5px bottom round no-repeat, border-box border-box top left / 10% @home round no-repeat;
|
|
}
|
|
|
|
vr {
|
|
background: repeat url("test.png") padding-box center, none round no-repeat padding-box, top left none padding-box, center / cover padding-box none;
|
|
}
|
|
|
|
wr {
|
|
background: 5px bottom padding-box none, content-box border-box 10% linear-gradient(pink, purple) repeat @home;
|
|
}
|
|
|
|
xr {
|
|
background: none 5px bottom content-box round no-repeat, repeat top left / 10% none, none 10% round no-repeat, 5px bottom round no-repeat url("test.png") padding-box, repeat center, 10% round no-repeat content-box border-box, center / auto auto content-box, content-box content-box round no-repeat, url("test.png") content-box content-box #ADF top left / auto auto;
|
|
}
|
|
|
|
yr {
|
|
background: round no-repeat, repeat url("test.png") 5px bottom, top left repeat padding-box, 10% / cover repeat none #ADF;
|
|
}
|
|
|
|
zr {
|
|
background: linear-gradient(pink, purple) repeat border-box, padding-box #ADF;
|
|
}
|
|
|
|
as {
|
|
background: repeat top left url("test.png"), url("test.png") center, url("test.png") repeat #ADF center;
|
|
}
|
|
|
|
bs {
|
|
background: linear-gradient(pink, purple) border-box content-box 10% round no-repeat, linear-gradient(pink, purple) repeat padding-box, top left none content-box border-box, padding-box url("test.png") 5px bottom / 10%, 5px bottom linear-gradient(pink, purple) red;
|
|
}
|
|
|
|
cs {
|
|
background: repeat none, content-box top left url("test.png"), top left border-box, top left linear-gradient(pink, purple) currentColor;
|
|
}
|
|
|
|
ds {
|
|
background: padding-box content-box url("test.png") alpha(pink, 0.5) 10%;
|
|
}
|
|
|
|
es {
|
|
background: border-box repeat url("test.png"), 10% / cover linear-gradient(pink, purple) repeat, repeat padding-box padding-box, none 5px bottom / auto auto border-box, padding-box padding-box top left, 10% / cover, border-box repeat linear-gradient(pink, purple) 10%, top left linear-gradient(pink, purple), round no-repeat linear-gradient(pink, purple) 10%, url("test.png") round no-repeat top left padding-box, repeat content-box 10%, padding-box center / 10% url("test.png");
|
|
}
|
|
|
|
fs {
|
|
background: repeat url("test.png") content-box 10%, repeat linear-gradient(pink, purple) 5px bottom / auto auto content-box, round no-repeat 5px bottom / auto auto, padding-box linear-gradient(pink, purple) center / auto auto repeat, url("test.png") repeat 10%, top left / cover padding-box repeat, content-box border-box linear-gradient(pink, purple) center / auto auto repeat, linear-gradient(pink, purple) content-box padding-box round no-repeat, padding-box padding-box 5px bottom linear-gradient(pink, purple), url("test.png") @home 10% border-box;
|
|
}
|
|
|
|
gs {
|
|
background: linear-gradient(pink, purple) border-box round no-repeat, round no-repeat content-box content-box 5px bottom / auto auto, 10% / auto auto, padding-box linear-gradient(pink, purple) round no-repeat top left / auto auto, repeat center, top left padding-box linear-gradient(pink, purple), @home round no-repeat border-box url("test.png") 5px bottom;
|
|
}
|
|
|
|
hs {
|
|
background: 10% url("test.png") repeat border-box content-box, border-box repeat, none content-box content-box 10% / auto auto, 10% / 10% round no-repeat linear-gradient(pink, purple), 5px bottom none content-box, none border-box 5px bottom, repeat top left / auto auto border-box content-box none, border-box center / 10% linear-gradient(pink, purple), round no-repeat @home 5px bottom / auto auto none;
|
|
}
|
|
|
|
is {
|
|
background: padding-box padding-box none 5px bottom repeat;
|
|
}
|
|
|
|
js {
|
|
background: none border-box padding-box alpha(pink, 0.5);
|
|
}
|
|
|
|
ks {
|
|
background: round no-repeat #ADF border-box content-box 10% / auto auto;
|
|
}
|
|
|
|
ls {
|
|
background: round no-repeat, 10% / auto auto padding-box, round no-repeat top left / cover linear-gradient(pink, purple) padding-box, currentColor;
|
|
}
|
|
|
|
ms {
|
|
background: border-box repeat, center content-box url("test.png"), 10% / 10% repeat none border-box content-box, border-box border-box round no-repeat @home;
|
|
}
|
|
|
|
ns {
|
|
background: top left / cover url("test.png") padding-box, round no-repeat 5px bottom / auto auto linear-gradient(pink, purple), padding-box padding-box 10% / 10% linear-gradient(pink, purple) repeat, padding-box content-box url("test.png") repeat, linear-gradient(pink, purple) border-box padding-box 5px bottom / cover repeat, content-box top left / 10% url("test.png"), repeat top left @home;
|
|
}
|
|
|
|
os {
|
|
background: center none content-box round no-repeat, padding-box linear-gradient(pink, purple) top left / 10%, 5px bottom / cover padding-box, content-box border-box top left, padding-box 5px bottom / cover none, repeat border-box border-box linear-gradient(pink, purple), 10% border-box padding-box round no-repeat, round no-repeat url("test.png") 10% / cover padding-box, none center repeat, content-box linear-gradient(pink, purple) repeat center, repeat 5px bottom;
|
|
}
|
|
|
|
ps {
|
|
background: padding-box padding-box linear-gradient(pink, purple), url("test.png") border-box content-box center / 10% repeat, padding-box content-box round no-repeat top left / auto auto, round no-repeat content-box linear-gradient(pink, purple) center, linear-gradient(pink, purple), linear-gradient(pink, purple) border-box round no-repeat, repeat padding-box top left, center repeat linear-gradient(pink, purple), top left linear-gradient(pink, purple) padding-box border-box, none 5px bottom round no-repeat, repeat 10% / cover content-box;
|
|
}
|
|
|
|
qs {
|
|
background: content-box 10% repeat, border-box url("test.png") 10%, content-box linear-gradient(pink, purple) 10% / cover, none 10% / cover content-box, top left content-box round no-repeat, linear-gradient(pink, purple) @home padding-box border-box center repeat;
|
|
}
|
|
|
|
rs {
|
|
background: center round no-repeat none content-box, center / auto auto round no-repeat padding-box, repeat linear-gradient(pink, purple), border-box content-box repeat url("test.png"), round no-repeat url("test.png") content-box content-box 5px bottom, 5px bottom linear-gradient(pink, purple), url("test.png") padding-box repeat, center / auto auto url("test.png"), border-box 5px bottom / auto auto repeat url("test.png"), round no-repeat padding-box top left / cover linear-gradient(pink, purple), padding-box round no-repeat @home top left;
|
|
}
|
|
|
|
ss {
|
|
background: url("test.png") top left / 10%, center padding-box linear-gradient(pink, purple) round no-repeat, 10% none, top left / auto auto repeat padding-box, content-box 5px bottom linear-gradient(pink, purple) round no-repeat, none content-box round no-repeat top left / cover, top left / 10% none border-box, content-box, linear-gradient(pink, purple) padding-box repeat, border-box, linear-gradient(pink, purple) content-box top left, top left linear-gradient(pink, purple);
|
|
}
|
|
|
|
ts {
|
|
background: top left, top left round no-repeat padding-box content-box, padding-box center / cover url("test.png") repeat, linear-gradient(pink, purple) padding-box border-box center, 5px bottom / 10% repeat content-box content-box, repeat center / cover, padding-box padding-box top left / auto auto url("test.png"), padding-box linear-gradient(pink, purple) center / 10%, linear-gradient(pink, purple) 10% repeat padding-box content-box, round no-repeat linear-gradient(pink, purple) #ADF;
|
|
}
|
|
|
|
us {
|
|
background: currentColor none 10% repeat padding-box padding-box;
|
|
}
|
|
|
|
vs {
|
|
background: @home border-box linear-gradient(pink, purple);
|
|
}
|
|
|
|
ws {
|
|
background: round no-repeat url("test.png") border-box, center repeat border-box linear-gradient(pink, purple), linear-gradient(pink, purple);
|
|
}
|
|
|
|
xs {
|
|
background: 10% / cover repeat, 5px bottom padding-box, round no-repeat linear-gradient(pink, purple) padding-box padding-box, none, center content-box border-box repeat;
|
|
}
|
|
|
|
ys {
|
|
background: center round no-repeat, 10% border-box repeat, top left / auto auto, padding-box 5px bottom linear-gradient(pink, purple), round no-repeat none 5px bottom content-box, round no-repeat content-box content-box 5px bottom none, round no-repeat 5px bottom, none padding-box 5px bottom, none round no-repeat padding-box, 5px bottom linear-gradient(pink, purple) content-box, border-box round no-repeat @home;
|
|
}
|
|
|
|
zs {
|
|
background: padding-box none top left / auto auto, linear-gradient(pink, purple) border-box border-box, padding-box round no-repeat top left none, none padding-box repeat 10%, top left / cover round no-repeat url("test.png") padding-box border-box red;
|
|
}
|
|
|
|
at {
|
|
background: round no-repeat linear-gradient(pink, purple) center border-box, none top left / cover, center none, linear-gradient(pink, purple) repeat center, alpha(pink, 0.5) border-box;
|
|
}
|
|
|
|
bt {
|
|
background: round no-repeat center border-box border-box, content-box padding-box top left / auto auto round no-repeat, repeat linear-gradient(pink, purple) content-box 10%, round no-repeat 5px bottom / cover border-box, #ADF border-box top left round no-repeat;
|
|
}
|
|
|
|
ct {
|
|
background: repeat border-box none, center / cover border-box border-box #ADF;
|
|
}
|
|
|
|
dt {
|
|
background: 5px bottom content-box;
|
|
}
|
|
|
|
et {
|
|
background: top left / cover none, border-box round no-repeat, repeat padding-box, padding-box center url("test.png") repeat, round no-repeat 10% / 10%, padding-box round no-repeat none, content-box @home round no-repeat;
|
|
}
|
|
|
|
ft {
|
|
background: top left border-box, linear-gradient(pink, purple) content-box border-box top left / cover repeat;
|
|
}
|
|
|
|
gt {
|
|
background: padding-box repeat red;
|
|
}
|
|
|
|
ht {
|
|
background: none, repeat 10% border-box url("test.png") #ADF;
|
|
}
|
|
|
|
it {
|
|
background: padding-box content-box center round no-repeat, content-box 5px bottom / 10% url("test.png") round no-repeat, url("test.png") repeat top left / 10%, round no-repeat 5px bottom, padding-box top left, 5px bottom / cover content-box, padding-box top left / auto auto linear-gradient(pink, purple), border-box top left repeat none, border-box content-box top left linear-gradient(pink, purple), top left, center none repeat, top left / 10% repeat, content-box 5px bottom none, linear-gradient(pink, purple) 5px bottom / cover, repeat 10% / cover padding-box url("test.png"), linear-gradient(pink, purple) border-box round no-repeat, repeat top left, repeat none currentColor;
|
|
}
|
|
|
|
jt {
|
|
background: 10%, linear-gradient(pink, purple), top left linear-gradient(pink, purple), none padding-box padding-box top left round no-repeat, none round no-repeat 10% / 10%, round no-repeat content-box content-box 5px bottom, round no-repeat 10% url("test.png"), top left none, url("test.png") round no-repeat alpha(pink, 0.5) padding-box;
|
|
}
|
|
|
|
kt {
|
|
background: repeat padding-box linear-gradient(pink, purple), 5px bottom / 10% border-box border-box round no-repeat, content-box content-box round no-repeat center, center linear-gradient(pink, purple) content-box round no-repeat, padding-box padding-box none round no-repeat, url("test.png") 10%, none repeat, top left / cover url("test.png"), round no-repeat 10% content-box, center / cover content-box content-box url("test.png") repeat, border-box center, content-box top left;
|
|
}
|
|
|
|
lt {
|
|
background: linear-gradient(pink, purple) center round no-repeat, content-box repeat none, repeat border-box linear-gradient(pink, purple), top left / 10%, top left border-box url("test.png"), content-box round no-repeat red;
|
|
}
|
|
|
|
mt {
|
|
background: center / cover round no-repeat url("test.png"), 5px bottom round no-repeat content-box border-box, border-box padding-box round no-repeat 10% url("test.png"), none, 10% repeat content-box, top left repeat, none 10% / auto auto, url("test.png") repeat, 5px bottom padding-box repeat url("test.png"), center content-box padding-box repeat, none;
|
|
}
|
|
|
|
nt {
|
|
background: content-box url("test.png") repeat, repeat 5px bottom / auto auto url("test.png") border-box, top left, border-box border-box linear-gradient(pink, purple) round no-repeat, top left round no-repeat padding-box content-box, repeat content-box content-box none top left / auto auto, repeat alpha(pink, 0.5) top left / auto auto;
|
|
}
|
|
|
|
ot {
|
|
background: linear-gradient(pink, purple) center padding-box, top left round no-repeat, 10% / 10% round no-repeat, padding-box repeat url("test.png"), #ADF center / auto auto repeat none content-box border-box;
|
|
}
|
|
|
|
pt {
|
|
background: repeat 5px bottom / 10% border-box url("test.png"), content-box repeat linear-gradient(pink, purple) center, red round no-repeat border-box padding-box center / cover url("test.png");
|
|
}
|
|
|
|
qt {
|
|
background: none content-box, red padding-box;
|
|
}
|
|
|
|
rt {
|
|
background: repeat content-box border-box top left, content-box center, border-box border-box;
|
|
}
|
|
|
|
st {
|
|
background: repeat url("test.png") padding-box content-box center, 10% none round no-repeat padding-box padding-box, none repeat 5px bottom border-box, linear-gradient(pink, purple) round no-repeat content-box content-box top left, 10% content-box url("test.png"), padding-box round no-repeat url("test.png"), linear-gradient(pink, purple) repeat, content-box none top left round no-repeat, padding-box url("test.png") top left / cover, round no-repeat top left / auto auto border-box, none round no-repeat top left padding-box, url("test.png") border-box repeat 5px bottom / 10%, round no-repeat alpha(pink, 0.5) none;
|
|
}
|
|
|
|
tt {
|
|
background: 5px bottom round no-repeat url("test.png"), 5px bottom repeat, none repeat, center none content-box, repeat url("test.png"), linear-gradient(pink, purple), border-box repeat none center, none content-box content-box top left round no-repeat, linear-gradient(pink, purple) border-box padding-box red 5px bottom;
|
|
}
|
|
|
|
ut {
|
|
background: repeat top left border-box padding-box url("test.png"), border-box, repeat 5px bottom border-box linear-gradient(pink, purple), content-box padding-box round no-repeat, content-box linear-gradient(pink, purple) repeat top left, repeat url("test.png") 10% padding-box red;
|
|
}
|
|
|
|
vt {
|
|
background: content-box linear-gradient(pink, purple) 5px bottom round no-repeat, padding-box padding-box url("test.png") top left / cover;
|
|
}
|
|
|
|
wt {
|
|
background: 5px bottom, none 5px bottom / 10% padding-box content-box round no-repeat, none top left / cover round no-repeat, border-box border-box 5px bottom / 10% url("test.png"), round no-repeat, 10% / 10% none padding-box, content-box none 10% / auto auto repeat, padding-box repeat top left, padding-box;
|
|
}
|
|
|
|
xt {
|
|
background: 10% url("test.png") border-box border-box, linear-gradient(pink, purple) border-box padding-box repeat 5px bottom, none 10%, url("test.png") content-box round no-repeat;
|
|
}
|
|
|
|
yt {
|
|
background: padding-box center / 10% linear-gradient(pink, purple), url("test.png") top left, 10% url("test.png") repeat, round no-repeat, content-box linear-gradient(pink, purple) center repeat, content-box 10% round no-repeat, none round no-repeat center content-box, center / cover padding-box repeat, border-box padding-box url("test.png") round no-repeat, top left border-box content-box round no-repeat, 10% content-box border-box none, none 5px bottom, border-box border-box none 5px bottom repeat, url("test.png") 5px bottom / cover round no-repeat padding-box, center border-box border-box url("test.png"), border-box 10% url("test.png"), none border-box, linear-gradient(pink, purple), padding-box padding-box repeat url("test.png"), linear-gradient(pink, purple) 10% repeat, 5px bottom url("test.png") round no-repeat, center / cover url("test.png") repeat, content-box #ADF linear-gradient(pink, purple) center round no-repeat;
|
|
}
|
|
|
|
zt {
|
|
background: content-box padding-box 10% / 10%, padding-box repeat, border-box repeat center none, content-box padding-box linear-gradient(pink, purple) round no-repeat, top left round no-repeat, round no-repeat url("test.png"), url("test.png") center repeat, repeat center padding-box content-box, linear-gradient(pink, purple) round no-repeat padding-box padding-box center, url("test.png") content-box center / 10% round no-repeat, url("test.png") 10% repeat border-box, border-box none repeat 10%, padding-box content-box linear-gradient(pink, purple) center, content-box repeat top left, url("test.png") repeat currentColor;
|
|
}
|
|
|
|
au {
|
|
background: padding-box none alpha(pink, 0.5) top left;
|
|
}
|
|
|
|
bu {
|
|
background: padding-box center, repeat, top left repeat content-box border-box none, url("test.png") border-box content-box repeat 10% / auto auto, currentColor linear-gradient(pink, purple) 5px bottom;
|
|
}
|
|
|
|
cu {
|
|
background: round no-repeat top left / auto auto, round no-repeat 10% / 10% padding-box content-box none, center content-box border-box repeat, none border-box 5px bottom, linear-gradient(pink, purple) round no-repeat 10%;
|
|
}
|
|
|
|
du {
|
|
background: repeat url("test.png"), 10% none round no-repeat content-box, center none repeat padding-box, top left linear-gradient(pink, purple) round no-repeat, top left padding-box padding-box, 5px bottom repeat none border-box, top left round no-repeat padding-box content-box linear-gradient(pink, purple), 10% repeat none padding-box, linear-gradient(pink, purple) repeat top left / cover;
|
|
}
|
|
|
|
eu {
|
|
background: padding-box none, content-box linear-gradient(pink, purple) round no-repeat center;
|
|
}
|
|
|
|
fu {
|
|
background: alpha(pink, 0.5) url("test.png") padding-box 5px bottom / auto auto;
|
|
}
|
|
|
|
gu {
|
|
background: round no-repeat none content-box 5px bottom / cover, round no-repeat none, repeat, border-box 10%, repeat padding-box url("test.png") center / auto auto, 5px bottom / cover round no-repeat, linear-gradient(pink, purple) repeat content-box, center / 10% linear-gradient(pink, purple) border-box content-box, top left round no-repeat url("test.png"), content-box content-box 5px bottom, linear-gradient(pink, purple) border-box round no-repeat top left, top left content-box none, border-box none 5px bottom, content-box center / 10% currentColor linear-gradient(pink, purple);
|
|
}
|
|
|
|
hu {
|
|
background: 10% url("test.png"), repeat center / 10% border-box padding-box linear-gradient(pink, purple), padding-box border-box repeat none center, 10% border-box repeat none, content-box 5px bottom none, none center round no-repeat, top left content-box linear-gradient(pink, purple), content-box content-box repeat, content-box padding-box top left / 10% round no-repeat, 5px bottom repeat, 10% / auto auto linear-gradient(pink, purple) repeat, 5px bottom padding-box padding-box round no-repeat, 10% / 10% content-box round no-repeat none @home;
|
|
}
|
|
|
|
iu {
|
|
background: 5px bottom repeat content-box, padding-box border-box linear-gradient(pink, purple) 5px bottom / cover repeat;
|
|
}
|
|
|
|
ju {
|
|
background: content-box red 10%;
|
|
}
|
|
|
|
ku {
|
|
background: url("test.png") red round no-repeat 10%;
|
|
}
|
|
|
|
lu {
|
|
background: linear-gradient(pink, purple) repeat padding-box padding-box 5px bottom;
|
|
}
|
|
|
|
mu {
|
|
background: round no-repeat top left / 10% content-box, round no-repeat 10% padding-box content-box linear-gradient(pink, purple), repeat padding-box top left / 10%, round no-repeat content-box linear-gradient(pink, purple) 10%, center / 10% border-box none round no-repeat, round no-repeat padding-box top left linear-gradient(pink, purple), repeat url("test.png") center padding-box padding-box, round no-repeat center / auto auto content-box none, content-box border-box, top left padding-box content-box url("test.png"), linear-gradient(pink, purple) border-box content-box;
|
|
}
|
|
|
|
nu {
|
|
background: none round no-repeat 10% / cover content-box padding-box, center url("test.png") content-box content-box, padding-box 5px bottom / cover round no-repeat none, border-box content-box linear-gradient(pink, purple) currentColor round no-repeat;
|
|
}
|
|
|
|
ou {
|
|
background: url("test.png") center padding-box, linear-gradient(pink, purple) center padding-box, 10% repeat padding-box url("test.png"), url("test.png") repeat border-box, padding-box repeat 5px bottom, 5px bottom repeat content-box, repeat center / cover, padding-box top left / cover, round no-repeat linear-gradient(pink, purple), border-box repeat @home 5px bottom;
|
|
}
|
|
|
|
pu {
|
|
background: repeat red url("test.png") padding-box center;
|
|
}
|
|
|
|
qu {
|
|
background: url("test.png"), 5px bottom / 10% repeat padding-box border-box, none padding-box round no-repeat center, 5px bottom round no-repeat, padding-box, repeat none border-box center, 10% / 10% url("test.png") border-box, 5px bottom linear-gradient(pink, purple) round no-repeat alpha(pink, 0.5);
|
|
}
|
|
|
|
ru {
|
|
background: repeat linear-gradient(pink, purple) 5px bottom / auto auto content-box, content-box content-box 5px bottom / auto auto linear-gradient(pink, purple), 5px bottom round no-repeat, repeat center / 10% content-box linear-gradient(pink, purple), url("test.png") top left, border-box round no-repeat linear-gradient(pink, purple) top left / 10%, 10% linear-gradient(pink, purple), border-box linear-gradient(pink, purple) 10% #ADF round no-repeat;
|
|
}
|
|
|
|
su {
|
|
background: 10% linear-gradient(pink, purple) repeat, round no-repeat linear-gradient(pink, purple) top left / auto auto border-box, repeat content-box content-box 10% / auto auto none, url("test.png") repeat 5px bottom / 10%, round no-repeat 5px bottom, round no-repeat padding-box none, 10% padding-box round no-repeat url("test.png"), round no-repeat 5px bottom / cover linear-gradient(pink, purple);
|
|
}
|
|
|
|
tu {
|
|
background: content-box border-box url("test.png") center / cover round no-repeat, linear-gradient(pink, purple) 10% / cover border-box, repeat url("test.png") 10%, border-box padding-box none center round no-repeat, repeat linear-gradient(pink, purple) 5px bottom padding-box;
|
|
}
|
|
|
|
uu {
|
|
background: center padding-box border-box, linear-gradient(pink, purple) padding-box 5px bottom / cover, 5px bottom / cover, linear-gradient(pink, purple) content-box border-box, repeat alpha(pink, 0.5) url("test.png") 10%;
|
|
}
|
|
|
|
vu {
|
|
background: border-box round no-repeat center, repeat content-box border-box, 5px bottom round no-repeat, none center / cover content-box border-box;
|
|
}
|
|
|
|
wu {
|
|
background: repeat border-box, content-box repeat, url("test.png") center content-box content-box repeat, url("test.png") top left repeat, repeat linear-gradient(pink, purple) content-box, 10% / 10% border-box border-box round no-repeat url("test.png"), border-box padding-box linear-gradient(pink, purple) 5px bottom, padding-box padding-box url("test.png") repeat 5px bottom / 10% currentColor;
|
|
}
|
|
|
|
xu {
|
|
background: border-box border-box round no-repeat, linear-gradient(pink, purple) padding-box center / 10%, repeat content-box linear-gradient(pink, purple) 10%, url("test.png") content-box content-box @home round no-repeat;
|
|
}
|
|
|
|
yu {
|
|
background: border-box 10% / cover url("test.png") round no-repeat, top left / auto auto none repeat content-box, center padding-box content-box url("test.png"), 10% content-box, none round no-repeat padding-box padding-box 5px bottom, 5px bottom repeat padding-box none, repeat 10% none, none content-box content-box currentColor repeat;
|
|
}
|
|
|
|
zu {
|
|
background: 5px bottom currentColor padding-box content-box round no-repeat;
|
|
}
|
|
|
|
av {
|
|
background: #ADF 5px bottom / cover round no-repeat;
|
|
}
|
|
|
|
bv {
|
|
background: round no-repeat content-box 10%, repeat url("test.png") padding-box padding-box top left, repeat linear-gradient(pink, purple) border-box border-box, padding-box 10%, linear-gradient(pink, purple) 5px bottom round no-repeat, none border-box 10% / cover, linear-gradient(pink, purple);
|
|
}
|
|
|
|
cv {
|
|
background: padding-box none top left round no-repeat, round no-repeat url("test.png") padding-box, none 10% border-box, top left, none center / 10%, #ADF center url("test.png");
|
|
}
|
|
|
|
dv {
|
|
background: none repeat content-box top left, border-box 5px bottom linear-gradient(pink, purple), border-box padding-box none 5px bottom, 10% url("test.png") border-box, repeat padding-box 5px bottom, url("test.png") center round no-repeat content-box, content-box linear-gradient(pink, purple) round no-repeat, padding-box repeat url("test.png"), 10% / auto auto padding-box round no-repeat none, padding-box none 5px bottom, repeat none center, padding-box top left round no-repeat, 10% / auto auto alpha(pink, 0.5) repeat border-box;
|
|
}
|
|
|
|
ev {
|
|
background: content-box center / cover round no-repeat red;
|
|
}
|
|
|
|
fv {
|
|
background: top left repeat, content-box repeat, padding-box content-box #ADF 5px bottom linear-gradient(pink, purple) repeat;
|
|
}
|
|
|
|
gv {
|
|
background: linear-gradient(pink, purple) center / cover padding-box border-box;
|
|
}
|
|
|
|
hv {
|
|
background: center, currentColor content-box url("test.png");
|
|
}
|
|
|
|
iv {
|
|
background: border-box none repeat, center padding-box content-box none, linear-gradient(pink, purple) round no-repeat alpha(pink, 0.5) padding-box padding-box;
|
|
}
|
|
|
|
jv {
|
|
background: repeat padding-box border-box, repeat center content-box none, border-box content-box linear-gradient(pink, purple) center, top left / 10% round no-repeat content-box content-box, content-box border-box center, 10% border-box url("test.png"), 10% padding-box, none padding-box round no-repeat 5px bottom / cover, round no-repeat 5px bottom none, linear-gradient(pink, purple) center content-box, 5px bottom url("test.png"), round no-repeat 10% / 10% url("test.png"), 5px bottom repeat linear-gradient(pink, purple), top left / cover, padding-box repeat url("test.png");
|
|
}
|
|
|
|
kv {
|
|
background: alpha(pink, 0.5) none repeat;
|
|
}
|
|
|
|
lv {
|
|
background: linear-gradient(pink, purple) repeat 5px bottom, none center round no-repeat content-box, content-box padding-box url("test.png") center / auto auto round no-repeat, center round no-repeat linear-gradient(pink, purple) content-box;
|
|
}
|
|
|
|
mv {
|
|
background: none content-box, linear-gradient(pink, purple) padding-box padding-box top left / auto auto, center padding-box content-box round no-repeat, round no-repeat url("test.png") border-box center / auto auto, border-box 10% round no-repeat url("test.png");
|
|
}
|
|
|
|
nv {
|
|
background: padding-box linear-gradient(pink, purple) center / 10%, content-box top left / cover, border-box content-box round no-repeat 10% / cover linear-gradient(pink, purple), round no-repeat padding-box top left / auto auto url("test.png"), repeat top left padding-box url("test.png"), content-box content-box repeat, currentColor url("test.png") 5px bottom round no-repeat;
|
|
}
|
|
|
|
ov {
|
|
background: top left / cover repeat border-box content-box, center / 10% none repeat, round no-repeat 10%, linear-gradient(pink, purple) 5px bottom / auto auto border-box content-box, round no-repeat none 10% content-box;
|
|
}
|
|
|
|
pv {
|
|
background: linear-gradient(pink, purple) center / auto auto, url("test.png") red padding-box;
|
|
}
|
|
|
|
qv {
|
|
background: repeat, 5px bottom round no-repeat linear-gradient(pink, purple), repeat center linear-gradient(pink, purple) padding-box border-box, top left / 10% none, top left round no-repeat url("test.png"), padding-box border-box linear-gradient(pink, purple) round no-repeat 5px bottom / cover red;
|
|
}
|
|
|
|
rv {
|
|
background: linear-gradient(pink, purple) padding-box border-box round no-repeat 10% / auto auto, top left repeat linear-gradient(pink, purple), border-box content-box round no-repeat, top left border-box repeat linear-gradient(pink, purple), center none repeat, url("test.png") padding-box, round no-repeat top left / 10% url("test.png"), border-box none;
|
|
}
|
|
|
|
sv {
|
|
background: 10% round no-repeat url("test.png"), border-box repeat red 10% / auto auto;
|
|
}
|
|
|
|
tv {
|
|
background: round no-repeat content-box border-box none, content-box round no-repeat, padding-box content-box repeat red;
|
|
}
|
|
|
|
uv {
|
|
background: repeat, top left / cover content-box repeat @home;
|
|
}
|
|
|
|
vv {
|
|
background: url("test.png") round no-repeat border-box padding-box, 5px bottom / auto auto padding-box border-box repeat, url("test.png") repeat padding-box padding-box, round no-repeat center, repeat none center content-box border-box, round no-repeat 5px bottom / auto auto url("test.png"), top left content-box repeat alpha(pink, 0.5);
|
|
}
|
|
|
|
wv {
|
|
background: content-box top left / cover repeat none, repeat padding-box content-box, round no-repeat center / 10% none, linear-gradient(pink, purple) 10% / auto auto round no-repeat, round no-repeat content-box linear-gradient(pink, purple) top left / cover, currentColor center repeat linear-gradient(pink, purple);
|
|
}
|
|
|
|
xv {
|
|
background: 5px bottom repeat, round no-repeat none padding-box 5px bottom, url("test.png"), repeat top left padding-box, none, url("test.png") center / cover round no-repeat content-box content-box, url("test.png") 10% border-box repeat, top left content-box linear-gradient(pink, purple) repeat, 10% @home linear-gradient(pink, purple) repeat;
|
|
}
|
|
|
|
yv {
|
|
background: linear-gradient(pink, purple) 5px bottom / cover round no-repeat border-box, top left content-box padding-box;
|
|
}
|
|
|
|
zv {
|
|
background: repeat border-box padding-box top left url("test.png"), @home round no-repeat border-box;
|
|
}
|
|
|
|
aw {
|
|
background: content-box top left, content-box url("test.png") round no-repeat, center padding-box none @home;
|
|
}
|
|
|
|
bw {
|
|
background: center linear-gradient(pink, purple) alpha(pink, 0.5) padding-box padding-box;
|
|
}
|
|
|
|
cw {
|
|
background: url("test.png") repeat border-box 10% / auto auto, 10% / 10% round no-repeat, content-box repeat 5px bottom, padding-box border-box round no-repeat, border-box round no-repeat linear-gradient(pink, purple), center #ADF round no-repeat padding-box content-box;
|
|
}
|
|
|
|
dw {
|
|
background: linear-gradient(pink, purple) border-box 10% repeat, repeat center content-box linear-gradient(pink, purple);
|
|
}
|
|
|
|
ew {
|
|
background: round no-repeat none 10%, url("test.png") top left content-box round no-repeat, 10% / 10%;
|
|
}
|
|
|
|
fw {
|
|
background: none center border-box round no-repeat, round no-repeat border-box padding-box url("test.png"), linear-gradient(pink, purple) 10%, repeat 10% content-box #ADF linear-gradient(pink, purple);
|
|
}
|
|
|
|
gw {
|
|
background: top left / cover repeat, border-box 10% / 10%, currentColor 10% linear-gradient(pink, purple) padding-box padding-box;
|
|
}
|
|
|
|
hw {
|
|
background: content-box round no-repeat, content-box none repeat, repeat content-box url("test.png") center, top left round no-repeat border-box content-box none;
|
|
}
|
|
|
|
iw {
|
|
background: url("test.png") top left, border-box red repeat;
|
|
}
|
|
|
|
jw {
|
|
background: currentColor round no-repeat border-box none center;
|
|
}
|
|
|
|
kw {
|
|
background: border-box linear-gradient(pink, purple) 10% repeat, repeat border-box 10% url("test.png"), 10%, center, 10% round no-repeat linear-gradient(pink, purple), round no-repeat linear-gradient(pink, purple), top left repeat, top left / 10% none #ADF border-box padding-box repeat;
|
|
}
|
|
|
|
lw {
|
|
background: round no-repeat padding-box center, content-box repeat 10% url("test.png"), padding-box center, border-box 5px bottom @home none;
|
|
}
|
|
|
|
mw {
|
|
background: content-box content-box 5px bottom, top left url("test.png") round no-repeat padding-box padding-box, round no-repeat url("test.png");
|
|
}
|
|
|
|
nw {
|
|
background: url("test.png") round no-repeat content-box, round no-repeat 5px bottom content-box content-box, repeat none, none, url("test.png") content-box, 5px bottom / auto auto round no-repeat content-box, center round no-repeat currentColor padding-box url("test.png");
|
|
}
|
|
|
|
ow {
|
|
background: content-box padding-box repeat top left linear-gradient(pink, purple), round no-repeat content-box padding-box 10%, red round no-repeat none border-box content-box;
|
|
}
|
|
|
|
pw {
|
|
background: border-box padding-box 5px bottom url("test.png"), repeat linear-gradient(pink, purple) 10%, round no-repeat none top left, none border-box round no-repeat, repeat top left / cover linear-gradient(pink, purple) content-box padding-box, border-box border-box center round no-repeat, content-box none repeat, content-box border-box top left / auto auto repeat linear-gradient(pink, purple);
|
|
}
|
|
|
|
qw {
|
|
background: content-box padding-box 5px bottom none, currentColor border-box top left none;
|
|
}
|
|
|
|
rw {
|
|
background: round no-repeat none, border-box none repeat, repeat content-box currentColor;
|
|
}
|
|
|
|
sw {
|
|
background: top left linear-gradient(pink, purple) repeat content-box, top left / 10% red border-box border-box;
|
|
}
|
|
|
|
tw {
|
|
background: border-box, center padding-box, linear-gradient(pink, purple) round no-repeat center / auto auto alpha(pink, 0.5);
|
|
}
|
|
|
|
uw {
|
|
background: border-box border-box top left, round no-repeat 10% border-box url("test.png"), url("test.png") border-box center / auto auto, 10% round no-repeat url("test.png") #ADF;
|
|
}
|
|
|
|
vw {
|
|
background: 5px bottom / cover round no-repeat padding-box padding-box, padding-box padding-box round no-repeat center, border-box none, url("test.png") repeat 10% / 10% content-box, content-box border-box linear-gradient(pink, purple) top left, linear-gradient(pink, purple) 10% repeat content-box, border-box padding-box 10% linear-gradient(pink, purple), url("test.png") top left, round no-repeat top left, 5px bottom / 10% linear-gradient(pink, purple) round no-repeat content-box, @home padding-box 10% linear-gradient(pink, purple);
|
|
}
|
|
|
|
ww {
|
|
background: padding-box 5px bottom repeat, repeat 10% / cover padding-box padding-box none, 10% / auto auto repeat, content-box 10% round no-repeat, content-box repeat none top left, round no-repeat border-box content-box 10%, 5px bottom border-box round no-repeat linear-gradient(pink, purple), url("test.png") content-box top left repeat, repeat 5px bottom / cover border-box none, padding-box padding-box 5px bottom url("test.png"), repeat linear-gradient(pink, purple) padding-box, content-box 10% none round no-repeat, url("test.png") border-box 10% / 10%, round no-repeat linear-gradient(pink, purple), url("test.png") 10% border-box padding-box, content-box round no-repeat, linear-gradient(pink, purple) repeat border-box top left / auto auto, none repeat padding-box top left, border-box 5px bottom url("test.png") repeat, none border-box 10% round no-repeat, padding-box, 10% / 10% url("test.png") padding-box border-box, url("test.png") center repeat, 5px bottom repeat padding-box, center round no-repeat content-box, url("test.png") repeat border-box, none, border-box round no-repeat top left, 5px bottom / cover repeat border-box, url("test.png") padding-box, padding-box top left / auto auto url("test.png") repeat, 10% repeat, 5px bottom / auto auto repeat padding-box alpha(pink, 0.5);
|
|
}
|
|
|
|
xw {
|
|
background: repeat, red center / 10%;
|
|
}
|
|
|
|
yw {
|
|
background: repeat content-box, repeat none padding-box 5px bottom / 10%, round no-repeat, none center / auto auto round no-repeat content-box content-box, content-box round no-repeat, top left @home url("test.png");
|
|
}
|
|
|
|
zw {
|
|
background: content-box content-box round no-repeat top left / cover, round no-repeat content-box padding-box top left;
|
|
}
|
|
|
|
ax {
|
|
background: padding-box content-box url("test.png") 5px bottom round no-repeat, round no-repeat border-box linear-gradient(pink, purple) top left, #ADF center linear-gradient(pink, purple) repeat content-box border-box;
|
|
}
|
|
|
|
bx {
|
|
background: none repeat center / 10%, top left none border-box content-box round no-repeat;
|
|
}
|
|
|
|
cx {
|
|
background: none padding-box 10%, center;
|
|
}
|
|
|
|
dx {
|
|
background: content-box 5px bottom / cover repeat linear-gradient(pink, purple), border-box content-box url("test.png"), top left / cover border-box content-box linear-gradient(pink, purple), content-box content-box none, padding-box 5px bottom repeat url("test.png"), linear-gradient(pink, purple) padding-box border-box 5px bottom, round no-repeat padding-box url("test.png") 5px bottom, repeat url("test.png") 5px bottom, none content-box repeat, repeat content-box top left linear-gradient(pink, purple), top left linear-gradient(pink, purple) border-box currentColor;
|
|
}
|
|
|
|
ex {
|
|
background: border-box repeat;
|
|
}
|
|
|
|
fx {
|
|
background: @home url("test.png") 10% / auto auto border-box content-box;
|
|
}
|
|
|
|
gx {
|
|
background: alpha(pink, 0.5) content-box padding-box round no-repeat;
|
|
}
|
|
|
|
hx {
|
|
background: 5px bottom / cover round no-repeat border-box, border-box round no-repeat 5px bottom url("test.png"), repeat padding-box center;
|
|
}
|
|
|
|
ix {
|
|
background: repeat border-box, content-box content-box 10% url("test.png") repeat, red content-box 5px bottom none repeat;
|
|
}
|
|
|
|
jx {
|
|
background: none repeat 5px bottom;
|
|
}
|
|
|
|
kx {
|
|
background: 5px bottom / 10% repeat currentColor none;
|
|
}
|
|
|
|
lx {
|
|
background: url("test.png") border-box top left round no-repeat, repeat center content-box, border-box linear-gradient(pink, purple) 5px bottom, content-box repeat, none top left / 10% padding-box round no-repeat;
|
|
}
|
|
|
|
mx {
|
|
background: 5px bottom round no-repeat linear-gradient(pink, purple) border-box padding-box, 5px bottom;
|
|
}
|
|
|
|
nx {
|
|
background: content-box content-box round no-repeat url("test.png") center / 10%, top left none repeat;
|
|
}
|
|
|
|
ox {
|
|
background: round no-repeat red top left / 10% none;
|
|
}
|
|
|
|
px {
|
|
background: 10% url("test.png") border-box border-box round no-repeat, padding-box border-box center repeat, content-box center / 10% url("test.png"), center content-box @home;
|
|
}
|
|
|
|
qx {
|
|
background: round no-repeat border-box top left, 5px bottom / auto auto repeat none border-box, 10% repeat content-box linear-gradient(pink, purple), 5px bottom currentColor repeat content-box;
|
|
}
|
|
|
|
rx {
|
|
background: content-box 5px bottom url("test.png") repeat, padding-box repeat, repeat padding-box top left / 10%, 5px bottom padding-box content-box url("test.png"), padding-box repeat linear-gradient(pink, purple), top left / 10% round no-repeat url("test.png") border-box, round no-repeat border-box content-box, top left url("test.png") padding-box round no-repeat, linear-gradient(pink, purple) border-box content-box round no-repeat 5px bottom, 10% / 10% padding-box #ADF url("test.png") round no-repeat;
|
|
}
|
|
|
|
sx {
|
|
background: url("test.png") border-box, none content-box padding-box center / cover, border-box center / 10% repeat url("test.png"), 5px bottom repeat border-box, padding-box repeat linear-gradient(pink, purple), url("test.png") 10% border-box content-box, padding-box 10% repeat, 10% / auto auto border-box border-box;
|
|
}
|
|
|
|
tx {
|
|
background: none center padding-box content-box, padding-box url("test.png") top left / cover repeat, border-box none 5px bottom, center round no-repeat padding-box, content-box repeat, repeat 10% padding-box content-box, padding-box linear-gradient(pink, purple) repeat top left, border-box repeat, linear-gradient(pink, purple) round no-repeat border-box top left, content-box padding-box 10% / cover none repeat, top left linear-gradient(pink, purple), content-box content-box none 5px bottom / cover, padding-box repeat @home 5px bottom / 10% url("test.png");
|
|
}
|
|
|
|
ux {
|
|
background: center repeat none border-box, border-box 5px bottom linear-gradient(pink, purple) round no-repeat, center / auto auto padding-box border-box, repeat 10%, 5px bottom / auto auto round no-repeat padding-box, linear-gradient(pink, purple) center, repeat 5px bottom padding-box padding-box none, border-box repeat center / 10%, repeat none top left content-box, round no-repeat none border-box, top left / 10% linear-gradient(pink, purple), url("test.png") border-box center, linear-gradient(pink, purple) round no-repeat border-box, round no-repeat border-box top left / 10%, none center padding-box, none round no-repeat padding-box red top left / 10%;
|
|
}
|
|
|
|
vx {
|
|
background: round no-repeat alpha(pink, 0.5) linear-gradient(pink, purple) center border-box;
|
|
}
|
|
|
|
wx {
|
|
background: center / auto auto padding-box repeat url("test.png"), border-box repeat linear-gradient(pink, purple), round no-repeat content-box currentColor;
|
|
}
|
|
|
|
xx {
|
|
background: 5px bottom round no-repeat border-box, repeat top left, linear-gradient(pink, purple) repeat, red padding-box center repeat;
|
|
}
|
|
|
|
yx {
|
|
background: 10% / cover none padding-box, none 5px bottom round no-repeat, 5px bottom / cover linear-gradient(pink, purple) border-box content-box round no-repeat, 5px bottom / auto auto none padding-box padding-box, url("test.png") round no-repeat 10% / 10%, content-box border-box round no-repeat none, none top left border-box currentColor;
|
|
}
|
|
|
|
zx {
|
|
background: url("test.png") content-box padding-box repeat, url("test.png") repeat 5px bottom, padding-box 10% / 10% none repeat currentColor;
|
|
}
|
|
|
|
ay {
|
|
background: border-box padding-box top left / cover round no-repeat, round no-repeat padding-box content-box linear-gradient(pink, purple) 5px bottom, top left round no-repeat;
|
|
}
|
|
|
|
by {
|
|
background: repeat none 5px bottom / 10% padding-box, linear-gradient(pink, purple) 10% round no-repeat, border-box padding-box linear-gradient(pink, purple) top left, padding-box content-box currentColor center round no-repeat url("test.png");
|
|
}
|
|
|
|
cy {
|
|
background: url("test.png") 10% / 10% repeat, @home top left url("test.png") content-box;
|
|
}
|
|
|
|
dy {
|
|
background: linear-gradient(pink, purple) top left repeat content-box, repeat none content-box, round no-repeat padding-box, 10% currentColor repeat padding-box;
|
|
}
|
|
|
|
ey {
|
|
background: linear-gradient(pink, purple) repeat border-box border-box, round no-repeat padding-box 10% / auto auto url("test.png"), content-box repeat, alpha(pink, 0.5) linear-gradient(pink, purple) top left / 10% repeat;
|
|
}
|
|
|
|
fy {
|
|
background: none repeat, round no-repeat red border-box border-box center;
|
|
}
|
|
|
|
gy {
|
|
background: 5px bottom / cover linear-gradient(pink, purple) content-box, center / 10% repeat linear-gradient(pink, purple), none repeat 10% / auto auto content-box content-box, @home linear-gradient(pink, purple) repeat top left border-box padding-box;
|
|
}
|
|
|
|
hy {
|
|
background: padding-box content-box 10% / auto auto currentColor round no-repeat;
|
|
}
|
|
|
|
iy {
|
|
background: #ADF url("test.png") top left round no-repeat;
|
|
}
|
|
|
|
jy {
|
|
background: 5px bottom url("test.png"), linear-gradient(pink, purple) padding-box 10% / cover, border-box padding-box center, center / cover repeat border-box url("test.png"), content-box none 10%, 5px bottom / 10% repeat content-box, repeat, round no-repeat url("test.png") content-box border-box, round no-repeat 10% linear-gradient(pink, purple), top left round no-repeat linear-gradient(pink, purple) content-box, padding-box center / 10% none, 5px bottom repeat content-box url("test.png"), linear-gradient(pink, purple) border-box border-box top left / 10%, none content-box center, content-box center url("test.png"), content-box none top left, top left none padding-box, round no-repeat content-box padding-box center / 10%, padding-box repeat 5px bottom linear-gradient(pink, purple), 5px bottom border-box padding-box url("test.png") round no-repeat, center / cover red url("test.png") repeat content-box padding-box;
|
|
}
|
|
|
|
ky {
|
|
background: alpha(pink, 0.5) url("test.png") content-box top left / auto auto;
|
|
}
|
|
|
|
ly {
|
|
background: repeat center / 10% border-box, none 10% / 10% repeat border-box;
|
|
}
|
|
|
|
my {
|
|
background: center none repeat, content-box top left none repeat, center none padding-box round no-repeat, url("test.png") round no-repeat padding-box, repeat border-box border-box none;
|
|
}
|
|
|
|
ny {
|
|
background: top left border-box linear-gradient(pink, purple) alpha(pink, 0.5) repeat;
|
|
}
|
|
|
|
oy {
|
|
background: padding-box 10% url("test.png"), top left none repeat, padding-box top left / cover round no-repeat, repeat padding-box border-box 10%, padding-box center none, repeat border-box border-box url("test.png") center, round no-repeat padding-box, center padding-box border-box round no-repeat url("test.png"), top left round no-repeat content-box none, 5px bottom border-box, url("test.png") repeat border-box content-box, border-box padding-box round no-repeat none, center red content-box repeat;
|
|
}
|
|
|
|
py {
|
|
background: url("test.png") content-box content-box round no-repeat, none repeat center border-box border-box, padding-box border-box 10% linear-gradient(pink, purple), content-box border-box, repeat url("test.png") border-box top left, border-box url("test.png") center repeat, none, border-box border-box top left repeat, top left / 10% repeat red url("test.png");
|
|
}
|
|
|
|
qy {
|
|
background: border-box center round no-repeat, none border-box content-box repeat, content-box border-box 10% / cover, repeat center / 10% url("test.png"), repeat, round no-repeat padding-box content-box top left / cover, top left none border-box, center / cover padding-box linear-gradient(pink, purple), content-box round no-repeat, content-box 5px bottom / cover @home url("test.png");
|
|
}
|
|
|
|
ry {
|
|
background: round no-repeat center padding-box, center / 10% round no-repeat border-box, padding-box none, content-box top left linear-gradient(pink, purple), url("test.png") border-box border-box;
|
|
}
|
|
|
|
sy {
|
|
background: top left / 10%, 5px bottom border-box, none repeat center content-box, round no-repeat padding-box, round no-repeat padding-box, 10% / auto auto, content-box round no-repeat, padding-box url("test.png"), border-box content-box top left, border-box 10% / 10% round no-repeat, none repeat, padding-box top left url("test.png"), border-box content-box url("test.png"), content-box border-box repeat none center / cover, round no-repeat 10% padding-box content-box, top left / auto auto round no-repeat, 5px bottom / cover repeat content-box none, top left currentColor padding-box padding-box;
|
|
}
|
|
|
|
ty {
|
|
background: 5px bottom content-box, none content-box, 5px bottom / auto auto repeat padding-box, linear-gradient(pink, purple), border-box linear-gradient(pink, purple) round no-repeat 5px bottom, 10% border-box repeat;
|
|
}
|
|
|
|
uy {
|
|
background: padding-box content-box linear-gradient(pink, purple), round no-repeat border-box, 10% / auto auto round no-repeat linear-gradient(pink, purple), url("test.png") round no-repeat border-box, url("test.png") round no-repeat padding-box 5px bottom, round no-repeat url("test.png") 10% / auto auto, 10% none border-box border-box, 5px bottom / 10% url("test.png") repeat red border-box;
|
|
}
|
|
|
|
vy {
|
|
background: round no-repeat 5px bottom url("test.png"), none padding-box repeat, 10% url("test.png"), 5px bottom url("test.png") repeat, content-box border-box round no-repeat 10% none, border-box border-box 10%, 5px bottom, border-box none repeat 5px bottom / auto auto, linear-gradient(pink, purple) repeat padding-box, 10% padding-box border-box repeat, 5px bottom / cover round no-repeat, padding-box content-box 10% none round no-repeat, linear-gradient(pink, purple) border-box 5px bottom / 10%, repeat padding-box padding-box top left none, linear-gradient(pink, purple) 5px bottom, linear-gradient(pink, purple) red 5px bottom round no-repeat;
|
|
}
|
|
|
|
wy {
|
|
background: url("test.png") 5px bottom / cover, 10% / auto auto linear-gradient(pink, purple), repeat 10% border-box, border-box url("test.png") 10% / cover, round no-repeat 5px bottom linear-gradient(pink, purple) padding-box, top left padding-box, repeat url("test.png"), round no-repeat padding-box 10%, border-box url("test.png"), linear-gradient(pink, purple) round no-repeat, linear-gradient(pink, purple), 5px bottom padding-box content-box, content-box 10% repeat, repeat 10%, content-box repeat none top left, none, center / cover url("test.png") content-box padding-box @home;
|
|
}
|
|
|
|
xy {
|
|
background: content-box center, padding-box center url("test.png"), top left linear-gradient(pink, purple), round no-repeat content-box padding-box none, repeat, repeat 10% url("test.png"), content-box content-box none top left, 5px bottom / cover round no-repeat, border-box round no-repeat, top left url("test.png") repeat;
|
|
}
|
|
|
|
yy {
|
|
background: round no-repeat url("test.png") border-box border-box center, padding-box border-box none top left, 5px bottom border-box round no-repeat, top left / 10% repeat border-box, linear-gradient(pink, purple), top left / cover repeat, padding-box padding-box 5px bottom repeat linear-gradient(pink, purple), 10% none, padding-box content-box linear-gradient(pink, purple) repeat, round no-repeat center padding-box linear-gradient(pink, purple), linear-gradient(pink, purple) round no-repeat, content-box content-box repeat 10%, none;
|
|
}
|
|
|
|
zy {
|
|
background: round no-repeat url("test.png"), center / 10% repeat, border-box center linear-gradient(pink, purple), repeat 5px bottom, padding-box padding-box round no-repeat none top left / auto auto, round no-repeat border-box border-box center, repeat content-box padding-box url("test.png"), 5px bottom none, none 5px bottom content-box, top left content-box padding-box round no-repeat, padding-box 5px bottom round no-repeat url("test.png"), round no-repeat border-box url("test.png") 10%, 10% / 10% repeat url("test.png") border-box content-box, content-box repeat @home 5px bottom / auto auto;
|
|
}
|
|
|
|
az {
|
|
background: repeat linear-gradient(pink, purple) border-box padding-box, round no-repeat 5px bottom linear-gradient(pink, purple), round no-repeat url("test.png") content-box border-box 10%, content-box border-box linear-gradient(pink, purple) @home 5px bottom;
|
|
}
|
|
|
|
bz {
|
|
background: round no-repeat border-box, top left content-box content-box, round no-repeat, round no-repeat padding-box, url("test.png") border-box 10% repeat, none padding-box content-box center, 5px bottom / cover none, url("test.png") round no-repeat, 5px bottom / auto auto, repeat 10% url("test.png") padding-box, repeat border-box url("test.png") 10% / cover, none 10% repeat, linear-gradient(pink, purple) border-box top left repeat, 5px bottom url("test.png"), content-box none 10% / 10%, round no-repeat none padding-box top left, none top left / cover, repeat none 5px bottom, 5px bottom border-box padding-box, repeat, round no-repeat padding-box padding-box linear-gradient(pink, purple), top left border-box repeat;
|
|
}
|
|
|
|
cz {
|
|
background: 10% content-box none, 5px bottom, top left, 5px bottom / 10% repeat none, linear-gradient(pink, purple) round no-repeat, none, center linear-gradient(pink, purple) padding-box repeat, top left / 10% url("test.png") content-box, url("test.png") 10% / 10% red;
|
|
}
|
|
|
|
dz {
|
|
background: border-box round no-repeat center / cover, border-box content-box round no-repeat, 10% / auto auto, repeat center / cover url("test.png") border-box, 5px bottom repeat border-box, url("test.png") 5px bottom / 10% #ADF content-box padding-box;
|
|
}
|
|
|
|
ez {
|
|
background: url("test.png") 10%, url("test.png") 10% round no-repeat, none content-box padding-box 5px bottom, padding-box 5px bottom / auto auto #ADF;
|
|
}
|
|
|
|
fz {
|
|
background: padding-box 5px bottom round no-repeat, repeat center padding-box, round no-repeat 5px bottom @home;
|
|
}
|
|
|
|
gz {
|
|
background: padding-box repeat url("test.png") 10%, round no-repeat center / cover padding-box border-box, url("test.png") 10% repeat, 5px bottom / 10% round no-repeat content-box;
|
|
}
|
|
|
|
hz {
|
|
background: none round no-repeat center / cover border-box, 10% content-box padding-box linear-gradient(pink, purple) repeat, url("test.png") round no-repeat padding-box content-box 10%, border-box padding-box repeat center / cover linear-gradient(pink, purple), 5px bottom #ADF round no-repeat border-box;
|
|
}
|
|
|
|
iz {
|
|
background: round no-repeat content-box linear-gradient(pink, purple) 10%, linear-gradient(pink, purple) border-box, center round no-repeat, center url("test.png") repeat border-box padding-box, top left / cover url("test.png"), url("test.png") repeat content-box center, top left / auto auto repeat, border-box none repeat;
|
|
}
|
|
|
|
jz {
|
|
background: padding-box content-box url("test.png"), round no-repeat content-box 5px bottom url("test.png"), repeat center / auto auto alpha(pink, 0.5);
|
|
}
|
|
|
|
kz {
|
|
background: linear-gradient(pink, purple) content-box padding-box repeat #ADF;
|
|
}
|
|
|
|
lz {
|
|
background: padding-box center @home repeat none;
|
|
}
|
|
|
|
mz {
|
|
background: none padding-box padding-box repeat, padding-box top left round no-repeat, repeat content-box url("test.png") 5px bottom / cover, linear-gradient(pink, purple) 10%, border-box content-box none, 10%;
|
|
}
|
|
|
|
nz {
|
|
background: repeat #ADF;
|
|
}
|
|
|
|
oz {
|
|
background: content-box padding-box linear-gradient(pink, purple) 10% / 10%, padding-box 5px bottom round no-repeat;
|
|
}
|
|
|
|
pz {
|
|
background: content-box 10% / cover repeat, round no-repeat @home url("test.png") border-box;
|
|
}
|
|
|
|
qz {
|
|
background: 5px bottom linear-gradient(pink, purple) repeat padding-box border-box, border-box linear-gradient(pink, purple) 5px bottom, padding-box padding-box round no-repeat, border-box border-box 10% repeat;
|
|
}
|
|
|
|
rz {
|
|
background: padding-box linear-gradient(pink, purple) repeat 5px bottom, border-box content-box, center / 10% border-box round no-repeat, border-box center round no-repeat url("test.png"), center / 10% none, center, none top left border-box currentColor;
|
|
}
|
|
|
|
sz {
|
|
background: top left @home content-box url("test.png") round no-repeat;
|
|
}
|
|
|
|
tz {
|
|
background: padding-box round no-repeat none, top left round no-repeat padding-box, content-box center / 10% url("test.png"), url("test.png"), content-box round no-repeat center url("test.png"), 10% padding-box, padding-box round no-repeat, border-box border-box none repeat, linear-gradient(pink, purple) border-box round no-repeat center, repeat url("test.png") 5px bottom / cover, padding-box padding-box top left / auto auto, center border-box repeat, round no-repeat center / cover, border-box linear-gradient(pink, purple) top left / cover, none repeat 10% border-box;
|
|
}
|
|
|
|
uz {
|
|
background: content-box 10% / 10% linear-gradient(pink, purple), padding-box content-box repeat url("test.png");
|
|
}
|
|
|
|
vz {
|
|
background: border-box round no-repeat top left, 10% repeat url("test.png"), repeat content-box content-box 5px bottom, center none round no-repeat, repeat currentColor content-box border-box url("test.png") 5px bottom / auto auto;
|
|
}
|
|
|
|
wz {
|
|
background: linear-gradient(pink, purple) 5px bottom padding-box, repeat center / auto auto border-box linear-gradient(pink, purple);
|
|
}
|
|
|
|
xz {
|
|
background: round no-repeat padding-box content-box;
|
|
}
|
|
|
|
yz {
|
|
background: content-box linear-gradient(pink, purple) top left, border-box 5px bottom, content-box repeat #ADF linear-gradient(pink, purple) 5px bottom;
|
|
}
|
|
|
|
zz {
|
|
background: repeat center, round no-repeat url("test.png") top left / cover, padding-box padding-box 5px bottom / auto auto, top left / 10% round no-repeat border-box, 5px bottom url("test.png") border-box, border-box linear-gradient(pink, purple) round no-repeat, border-box padding-box center / auto auto url("test.png"), round no-repeat border-box, 10% linear-gradient(pink, purple) round no-repeat content-box, repeat linear-gradient(pink, purple) center, padding-box content-box url("test.png") repeat, 10% repeat linear-gradient(pink, purple) content-box, repeat padding-box center / auto auto, none repeat, content-box center linear-gradient(pink, purple) round no-repeat, repeat content-box, 5px bottom / auto auto linear-gradient(pink, purple) content-box border-box repeat, content-box url("test.png") round no-repeat, repeat none, center round no-repeat url("test.png") content-box padding-box, round no-repeat 10% / auto auto url("test.png"), content-box border-box linear-gradient(pink, purple) repeat center, linear-gradient(pink, purple) 5px bottom / cover round no-repeat border-box, none, border-box round no-repeat center, linear-gradient(pink, purple) repeat, border-box padding-box linear-gradient(pink, purple) repeat, 10% / cover content-box round no-repeat, repeat none, repeat url("test.png") top left;
|
|
}
|
|
|