Pileus Git - ~andy/gtk/blob - tests/reftests/background-size.css

   1 @import "reset-to-defaults.css";
   2
   3 .button {
   4   background-image: url("border-image-balls.png");
   5   color: black;
   6   text-shadow: 1px 1px white;
   7 }
   8
   9 #a {
  10   background-size: cover;
  11 }
  12
  13 #b {
  14   background-size: contain;
  15 }
  16
  17 #c {
  18   background-size: auto 100%;
  19 }
  20
  21 #d {
  22   background-size: 100% auto;
  23 }
  24
  25 #e {
  26   background-size: 100%;
  27 }
  28
  29 #f {
  30   background-size: auto 40px;
  31 }
  32
  33 #g {
  34   background-size: 40px auto;
  35 }
  36
  37 #h {
  38   background-size: 40px;
  39 }
  40
  41 #i {
  42   background-size: 40px 100%;
  43 }
  44
  45 #j {
  46   background-size: 100% 40px;
  47 }
  48
  49 #k {
  50   background-size: 40px 40px;
  51 }
  52
  53 #l {
  54   /* Uh, I'm out of ideas... */
  55   background-size: cover;
  56 }
  57
  58 #reference * {
  59   background-size: auto;
  60   background-repeat: round;
  61 }