/* Background repeat values */
.tile {
  background-repeat: repeat;
  /* Repeats in both directions */
}

.horizontal {
  background-repeat: repeat-x;
  /* Repeats horizontally */
}

.vertical {
  background-repeat: repeat-y;
  /* Repeats vertically */
}

.no-tile {
  background-repeat: no-repeat;
  /* Single image, no tiling */
}

.space {
  background-repeat: space;
  /* Evenly distributed */
}

/* Background origin */
.padding-box {
  background-origin: padding-box;
  /* Default: starts from padding edge */
}

.border-box {
  background-origin: border-box;
  /* Starts from border edge */
}

.content-box {
  background-origin: content-box;
  /* Starts from content edge */
}

/* Background clip */
.padding-clip {
  background-clip: padding-box;
  /* Clips to padding edge */
}

.border-clip {
  background-clip: border-box;
  /* Includes border */
}

.text-clip {
  background-clip: text;
  /* Clips to text shape */
  color: transparent;
}